@dreamcommerce/aurora 3.0.0-247 → 3.0.0-248

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree_hook.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/hooks/tree_hook.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAE1E,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -0,0 +1,19 @@
+import { useTree } from '@auroraComponents/tree/hooks/tree_hook';
+import { useEffect } from 'react';
+import '@auroraComponents/tree/context/tree_context';
+export const useTreeNode = (nodeId, props) => {
+    const treeApi = useTree();
+    useEffect(() => {
+        if (!treeApi.hasNode(nodeId))
+            treeApi.addNode({ id: nodeId, ...props });
+    });
+    useEffect(() => {
+        if (treeApi.hasNode(nodeId) && props)
+            treeApi.updateNode(nodeId, props);
+    }, [props?.expanded]);
+    useEffect(() => {
+        return () => treeApi.removeNode(nodeId);
+    }, []);
+    return treeApi.getNode(nodeId);
+};
+//# sourceMappingURL=tree_node_hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree_node_hook.js","sourceRoot":"","sources":["../../../../../../../../../src/components/tree/hooks/tree_node_hook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAA0B,6CAA6C,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAA0B,EAAE,EAAE;IACtE,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;YAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK;YAAE,OAAO,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import '@auroraTypings/general';
+import { TREE_ROLE_ATTRIBUTE } from './constants';
+import { TreeProvider } from '@auroraComponents/tree/context/tree_provider';
+import { cn } from '@auroraUtilities/cn';
+export const Tree = React.forwardRef(({ children, cssClassNames, cssStyles, onMouseEnter, onMouseLeave }, ref) => {
+    return (React.createElement(TreeProvider, null,
+        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;
+//# sourceMappingURL=tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../../../../../../src/components/tree/tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,wBAAwB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AASzC,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAkC,EAAE,GAAgC,EAAE,EAAE;IACrI,OAAO,CACH,oBAAC,YAAY;QACT,4BACI,IAAI,EAAE,mBAAmB,EACzB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,EAAE,CAAC,iFAAiF,EAAE,aAAa,CAAC,IAE9G,QAAQ,CACR,CACM,CAClB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,270 @@
+/// <reference types="trusted-types" />
+import React, { PropsWithChildren } from 'react';
+import { TTypographyProps } from "./typography_types";
+export declare const Typography: ({ variant, as, style, color, weight, size, lineHeight, transform, children, className, ...rest }: PropsWithChildren<TTypographyProps>) => React.DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "true" | "false" | "time" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
+    defaultVariants?: "variant" | "weight" | null | undefined;
+    className: string;
+    style: React.CSSProperties | undefined;
+}, HTMLElement>;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import '@auroraComponents/typography/typography_types';
+import { cn } from '@auroraUtilities/cn';
+import { typographyVariants } from '@auroraComponents/typography/typography_variants';
+export const Typography = ({ variant, as = 'div', style, color, weight, size, lineHeight, transform, children, className, ...rest }) => {
+    return React.createElement(as, {
+        className: cn(typographyVariants({ variant, transform, weight, size, lineHeight }), {
+            [`aurora-text-${color}`]: !!color,
+            ['aurora-text']: !color
+        }, className),
+        style: style,
+        ...rest
+    }, children);
+};
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAiC,+CAA+C,CAAC;AACjF,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAEtF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,OAAO,EACP,EAAE,GAAG,KAAK,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EAC2B,EAAE,EAAE;IACtC,OAAO,KAAK,CAAC,aAAa,CACtB,EAAE,EACF;QACI,SAAS,EAAE,EAAE,CACT,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EACpE;YACI,CAAC,eAAe,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK;YACjC,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK;SAC1B,EACD,SAAS,CACZ;QACD,KAAK,EAAE,KAAK;QACZ,GAAG,IAAI;KACV,EACD,QAAQ,CACX,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+export const TYPOGRAPHY_COMPONENT_TYPES = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    p: 'p',
+    span: 'span',
+    div: 'div'
+};
+export const TYPOGRAPHY_TRANSFORM_TYPES = {
+    uppercase: 'uppercase',
+    lowercase: 'lowercase',
+    capitalize: 'capitalize'
+};
+export const TYPOGRAPHY_WEIGHT_TYPES = {
+    normal: 'normal',
+    medium: 'medium',
+    semibold: 'semibold',
+    bold: 'bold',
+    extrabold: 'extrabold'
+};
+//# sourceMappingURL=typography_constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;CAChB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAA2C,mDAAmD,CAAC;AAC/F,OAAoB,aAAa,CAAC;AAClC,OAAoC,8CAA8C,CAAC;AAEnF,OAAmC,kDAAkD,CAAC;AACtF,OAAuB,OAAO,CAAC"}

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

@@ -0,0 +1,59 @@
+import { cva } from 'class-variance-authority';
+import { TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_WEIGHT_TYPES } from '@auroraComponents/typography/typography_constants';
+import { CSS_FONT_SIZE_TOKENS } from '@auroraConstants/css_tokens/css_font_size_tokens';
+import { CSS_LINE_HEIGHT_TOKENS } from '@auroraConstants/css_tokens/css_line_height_tokens';
+export const typographyVariants = cva('', {
+    variants: {
+        variant: {
+            [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: {
+            [TYPOGRAPHY_TRANSFORM_TYPES.uppercase]: 'aurora-uppercase',
+            [TYPOGRAPHY_TRANSFORM_TYPES.lowercase]: 'aurora-lowercase',
+            [TYPOGRAPHY_TRANSFORM_TYPES.capitalize]: 'aurora-capitalize'
+        },
+        weight: {
+            [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: {
+            [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: {
+            [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
+        }
+    }
+});
+//# sourceMappingURL=typography_variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography_variants.js","sourceRoot":"","sources":["../../../../../../../../src/components/typography/typography_variants.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import { LockLineIcon } from '@auroraAssets/icons/lock_icon';
+import { LockUnlockLineIcon } from '@auroraAssets/icons/lock_unlock_icon';
+import { Stack } from '@auroraComponents/stack/stack';
+import { CSS_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_color_tokens_values';
+import React, { useEffect, useState } from 'react';
+import './values_syncer_types';
+import { cn } from '@auroraUtilities/cn';
+export const ValuesSyncer = ({ firstControl, secondControl, initialFirstValue, initialSecondValue, isLocked = false, onLock, onChange }) => {
+    const [locked, setLocked] = useState(isLocked);
+    const [firstControlValue, setFirstControlValue] = useState(initialFirstValue);
+    const [secondControlValue, setSecondControlValue] = useState(initialSecondValue);
+    useEffect(() => {
+        onLock?.(locked);
+        if (locked) {
+            setSecondControlValue(firstControlValue);
+        }
+    }, [locked]);
+    useEffect(() => {
+        setFirstControlValue(initialFirstValue);
+        setSecondControlValue(initialSecondValue);
+    }, [initialFirstValue, initialSecondValue]);
+    useEffect(() => {
+        onChange?.({ first: firstControlValue, second: secondControlValue, isLocked: locked });
+    }, [firstControlValue, secondControlValue, locked]);
+    const handleFirstControlChange = (value) => {
+        setFirstControlValue(value);
+        if (locked) {
+            setSecondControlValue(value);
+        }
+    };
+    const handleSecondControlChange = (value) => {
+        setSecondControlValue(value);
+        if (locked) {
+            setFirstControlValue(value);
+        }
+    };
+    const toggleLock = () => setLocked((prev) => !prev);
+    return (React.createElement(Stack, { spacing: "3", align: "end", className: "aurora-items-end" },
+        firstControl(firstControlValue, handleFirstControlChange),
+        React.createElement("button", { type: "button", 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 ? (React.createElement(LockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral900 })) : (React.createElement(LockUnlockLineIcon, { className: "aurora-h-4 aurora-w-4", color: CSS_COLOR_TOKENS_VALUES.neutral600 }))),
+        secondControl(secondControlValue, handleSecondControlChange)));
+};
+//# sourceMappingURL=values_syncer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"values_syncer.js","sourceRoot":"","sources":["../../../../../../../../src/components/values_syncer/values_syncer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAC9F,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAmC,uBAAuB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAiC,CAAC,EACvD,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,EACX,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,iBAAiB,CAAC,CAAC;IACvF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,kBAAkB,CAAC,CAAC;IAE1F,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;QAEjB,IAAI,MAAM,EAAE;YACR,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;SAC5C;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACX,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;QACxC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3F,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpD,MAAM,wBAAwB,GAAG,CAAC,KAAc,EAAE,EAAE;QAChD,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,EAAE;YACR,qBAAqB,CAAC,KAAK,CAAC,CAAC;SAChC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAAE,EAAE;QACjD,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,MAAM,EAAE;YACR,oBAAoB,CAAC,KAAK,CAAC,CAAC;SAC/B;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpD,OAAO,CACH,oBAAC,KAAK,IAAC,OAAO,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,kBAAkB;QACtD,YAAY,CAAC,iBAAiB,EAAE,wBAAwB,CAAC;QAE1D,gCACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,kBAAkB,EACjE,qEAAqE,CACxE,EACD,OAAO,EAAE,UAAU,IAElB,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,YAAY,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,uBAAuB,CAAC,UAAU,GAAI,CAChG,CAAC,CAAC,CAAC,CACA,oBAAC,kBAAkB,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,uBAAuB,CAAC,UAAU,GAAI,CACtG,CACI;QAER,aAAa,CAAC,kBAAkB,EAAE,yBAAyB,CAAC,CACzD,CACX,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/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/src/components/xhr_image_picker/xhr_image_picker.js

@@ -0,0 +1,103 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { FileUtils } from '@dreamcommerce/utilities';
+import { REQUEST_TYPES } from '@dreamcommerce/star_core';
+import { useHttpApi } from '@auroraHooks/use_http_api';
+import { useTranslation } from 'react-i18next';
+import { useModalsContext } from '@auroraComponents/modal/hooks/use_modals_context';
+import { IMAGE_PICKER_EXTENSIONS } from '@auroraComponents/image_picker/image_picker_constants';
+import { ImagePicker } from '@auroraComponents/image_picker/image_picker';
+import { Loader } from '@auroraComponents/loader/loader';
+import { Modal } from '@auroraComponents/modal/components/modal/modal';
+import './xhr_image_picker_types';
+import '@auroraComponents/image_picker/image_picker_types';
+import { ImageEditLineIcon } from '@auroraAssets/icons/image_edit_icon';
+export const XhrImagePicker = ({ id, url, name, onUploaded, initialFile, errors, onError, onChange, onImageSizeUpdated, allowedExtensions = [
+    IMAGE_PICKER_EXTENSIONS.WEBP,
+    IMAGE_PICKER_EXTENSIONS.JPG,
+    IMAGE_PICKER_EXTENSIONS.PNG,
+    IMAGE_PICKER_EXTENSIONS.GIF,
+    IMAGE_PICKER_EXTENSIONS.SVG,
+    IMAGE_PICKER_EXTENSIONS.JPEG
+], ImageEditor }) => {
+    const [t] = useTranslation();
+    const httpApi = useHttpApi();
+    const pendingRequestRef = React.useRef();
+    const initialImageFile = useRef();
+    const { showModal, hideModal } = useModalsContext();
+    const modalId = `image-picker-editor-${id}`;
+    const [initialImage, setInitialImage] = useState();
+    const [image, setImage] = useState();
+    const [imageEditorSrc, setImageEditorSrc] = useState('');
+    const [imageEditorResult, setImageEditorResult] = useState();
+    const [isLoading, setIsLoading] = useState(false);
+    const [imageExtenstion, setImageExtenstion] = useState();
+    const handleControlChange = async (file) => {
+        const { fileList, fileAsDataUrl } = file;
+        fileList && setImage(fileList[0]);
+        onChange?.({ fileList, fileAsDataUrl });
+        if (!fileList || !fileList.length)
+            return;
+        if (pendingRequestRef.current) {
+            pendingRequestRef.current();
+            pendingRequestRef.current = undefined;
+        }
+        setIsLoading(true);
+        const { response, cancelRequest } = httpApi.fetch({
+            url,
+            method: REQUEST_TYPES.post,
+            data: fileList[0]
+        });
+        pendingRequestRef.current = cancelRequest;
+        const responseObject = await response.finally(() => setIsLoading(false));
+        onUploaded?.({
+            fileList,
+            dataUrl: fileAsDataUrl,
+            imageId: responseObject.data.imageId
+        });
+    };
+    useEffect(() => {
+        if (initialFile) {
+            setImageExtenstion(FileUtils.getFileExtension(initialFile?.fileName));
+            initialImageFile.current = initialFile;
+            const setFileFromUrl = async (fileData) => {
+                const response = await fetch(fileData.fileUrl);
+                const data = await response.blob();
+                const file = new File([data], fileData.fileName);
+                setInitialImage(file);
+            };
+            if (!initialImageFile.current)
+                return;
+            setFileFromUrl(initialImageFile.current);
+        }
+    }, []);
+    useEffect(() => {
+        image && setImageExtenstion(FileUtils.getFileExtension(image?.name));
+        return () => pendingRequestRef.current?.();
+    }, [image]);
+    useEffect(() => {
+        const src = image ?? initialImage;
+        setImageEditorSrc(src ?? '');
+    }, [image, initialImage, isLoading]);
+    const renderImageEditor = (defaultProps) => {
+        return ImageEditor ? (React.createElement("div", null,
+            React.createElement(ImageEditor, { ...defaultProps }))) : null;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "aurora-relative" },
+            isLoading && (React.createElement("div", { className: "aurora-absolute aurora-z-30 aurora-h-full aurora-w-full" },
+                React.createElement("div", { className: "aurora-bg aurora-h-full aurora-w-full aurora-border aurora-border-dashed aurora-rounded-8 aurora-flex aurora-flex-col aurora-items-center aurora-justify-center" },
+                    React.createElement(Loader, null),
+                    React.createElement("span", { className: "aurora-text-subtle-light aurora-text-xs aurora-pt-2" }, `${t('Transfering file...')}`)))),
+            React.createElement(ImagePicker, { id: id, name: name, onChange: handleControlChange, onError: onError, errors: errors, allowedExtensions: allowedExtensions, initialFile: initialImageFile.current, onImageSizeUpdated: onImageSizeUpdated, topButtons: !!ImageEditor &&
+                    imageExtenstion !== 'svg' && (React.createElement("button", { onClick: () => showModal(modalId), type: "button", className: "aurora-absolute aurora-top-2 aurora-right-2 aurora-z-10 aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-rounded-full aurora-px-3 aurora-py-[6px] aurora-bg" },
+                    React.createElement(ImageEditLineIcon, { className: "aurora-w-4 aurora-h-4 aurora-fill" }),
+                    React.createElement("span", { className: "aurora-text-xs aurora-text aurora-font-semibold" }, `${t('Edit')}`))), editedImageResult: imageEditorResult })),
+        !!ImageEditor && (React.createElement(Modal, { name: modalId, header: React.createElement(React.Fragment, null, t('Edit image')), width: "l" }, renderImageEditor({
+            src: imageEditorSrc,
+            onEditionDone: (result) => {
+                hideModal(modalId);
+                setImageEditorResult(result);
+            }
+        })))));
+};
+//# sourceMappingURL=xhr_image_picker.js.map

package/build/esm/packages/aurora/src/src/components/xhr_image_picker/xhr_image_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker.js","sourceRoot":"","sources":["../../../../../../../../src/components/xhr_image_picker/xhr_image_picker.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/xhr_image_picker/xhr_image_picker_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xhr_image_picker_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/xhr_image_picker/xhr_image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA6B,mDAAmD,CAAC"}