@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/configurator/ui/legacy/layout/old/AnimationConfig.js

@@ -0,0 +1 @@
+export const AnimationConfig={layout:{transition:{type:"spring",bounce:.2,duration:.8},variants:{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}}},sidebar:{transition:{type:"spring",duration:.4},variants:{show:{opacity:1,x:0},hide:{opacity:0,x:80,scaleX:.2},expand:{width:"100%"},collapse:{width:0,transition:{delay:.1}}}},toolbar:{transition:{type:"spring",duration:.3},variants:{initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:16}}},top:{transition:{type:"spring",duration:.3},variants:{show:{opacity:1,y:0},hide:{opacity:0,y:-16}}}};

package/dist/configurator/ui/legacy/layout/old/Branding.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentsOverrides, type ComponentsVariants } from '@mui/material';
+import type { CSSProperties, ReactNode } from 'react';
+interface BrandingWithChildren {
+    children: ReactNode;
+    imageUrl?: undefined;
+    imageHeight?: undefined;
+}
+interface BrandingWithImage {
+    children?: undefined;
+    imageUrl: string;
+    imageHeight: CSSProperties['height'];
+}
+export type PhxBrandingThemeableProps = BrandingWithChildren | BrandingWithImage;
+declare const MuiComponentName: 'PhxBrandingHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: PhxBrandingThemeableProps;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: PhxBrandingThemeableProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            variants?: ComponentsVariants<Theme>[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Header: () => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const Branding: {
+    Header: typeof Header;
+};
+export {};

package/dist/configurator/ui/legacy/layout/old/Branding.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{styled as r,useThemeProps as e}from"@mui/material";import{P as n,match as t}from"ts-pattern";import{useResourceUrl as a}from"#package/react-sdk";let d=r("div")({alignItems:"center",display:"grid"}),o=r(d,{name:"PhxBrandingHeader",slot:"root"})(({theme:i})=>({"&:not(:empty)":{paddingInlineEnd:i.spacing(2)}}));export const Branding={Header:()=>{let{imageHeight:r,imageUrl:d,children:l}=e({props:{children:void 0,imageHeight:void 0,imageUrl:void 0},name:"PhxBrandingHeader"}),{getResourceUrl:m}=a();return t({imageHeight:r,imageUrl:d,children:l}).with({imageUrl:n.string,children:void 0},({imageUrl:e})=>i(o,{children:i("img",{src:e&&m(e),alt:"Branding",height:r})})).with({children:n.nonNullable},({children:r})=>i(o,{children:r})).otherwise(()=>null)}};

package/dist/configurator/ui/legacy/layout/old/InterfaceLayout.d.ts

@@ -0,0 +1,33 @@
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+export type LayoutContainerComponent = FC<PropsWithChildren<{
+    id?: string;
+}>>;
+interface CanvasPadding {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+interface InterfaceLayoutProps {
+    topNavigation?: ReactNode | undefined;
+    branding?: ReactNode | undefined;
+    toolbar?: ReactNode | undefined;
+    toolbarSecondary?: ReactNode | undefined;
+    toolControls?: ReactNode | undefined;
+    viewControls?: ReactNode | undefined;
+    sidebar?: ReactNode | undefined;
+    mobileTopNavigation?: ReactNode | undefined;
+    mobileControls?: ReactNode | undefined;
+    mobileHeaderActionButton?: ReactNode | undefined;
+    mobileHeaderCenter?: ReactNode | undefined;
+    footer?: ReactNode | undefined;
+    sideEffects?: ReactNode | undefined;
+    isFullScreen: boolean;
+    updateScenePadding: (props: CanvasPadding) => void;
+    LayoutContainer?: LayoutContainerComponent;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const InterfaceLayout: (props: InterfaceLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/legacy/layout/old/InterfaceLayout.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Box as r,useTheme as t}from"@mui/material";import{useRef as i}from"react";import{useResizeObserver as n}from"usehooks-ts";import{AnimationTarget as a,Responsive as l,notistackSnackbarClasses as s,useSnackbarRoot as c}from"#package/ui-sdk";import{AlternatingToolbarLayout as d}from"./AlternatingToolbarLayout.js";import{AnimationConfig as p}from"./AnimationConfig.js";import{Branding as m}from"./Branding.js";import{InterfaceLayoutStyled as f}from"./InterfaceLayout.styled.js";import{InterfaceSlot as h}from"./InterfaceSlot.js";import{MobileHeaderLayout as u}from"./MobileHeaderLayout.js";import{InteractiveSceneSafeArea as b}from"./SceneSafeArea.js";import{useSceneSafeArea as S}from"./useSceneSafeArea.js";export const InterfaceLayout=x=>{let{toolControls:g,viewControls:y,toolbar:M,toolbarSecondary:j,isFullScreen:v,updateScenePadding:L,sidebar:I,topNavigation:k,branding:z,mobileTopNavigation:A,mobileControls:C,mobileHeaderActionButton:E,mobileHeaderCenter:w,footer:D,sideEffects:H,LayoutContainer:F}=x,R=i(null),$=i(0),{containerRef:B,safeAreaRef:O}=S(L),P=c(),T=t(),q=F??f.Container;return n({ref:R,onResize:e=>{$.current=e.height?Math.ceil(e.height):0,$.current>0&&L({bottom:$.current,left:0,right:0,top:0})}}),o(q,{ref:B,layoutId:"ui-layout",...p.layout,...a,children:[e(f.MiscellaneousSlot,{slot:h.top,inert:v?"":void 0,animate:v?"hide":"show",...p.top,children:e(f.ReactiveMotionDiv,{children:o(l.DesktopExceptMobileLandscape,{children:[e(m.Header,{}),k]})})}),e(f.MiscellaneousSlot,{slot:h.toolbar,children:e(l.DesktopExceptMobileLandscape,{children:e(d,{isFullScreen:v,toolbar:M,toolbarSecondary:j,branding:z,toolControls:g,viewControls:y})})}),I&&e(f.Slot,{slot:h.sidebar,inert:v?"":void 0,animate:v?["hide","collapse"]:["expand","show"],sx:{pointerEvents:"none",transformOrigin:"100% 0"},...p.sidebar,children:e(l.DesktopExceptMobileLandscape,{children:I})}),e(f.MiscellaneousSlot,{slot:h.mobileHeader,inert:v?"":void 0,children:e(l.MobileAndMobileLandscape,{children:e(l.Portrait,{children:e(u,{primarySlot:A,secondarySlot:E,centralSlot:w})})})}),C&&e(f.Slot,{ref:R,slot:h.mobileControls,children:o(l.MobileAndMobileLandscape,{children:[C,e(r,{ref:P,component:"div",sx:e=>({inset:e.spacing(2),pointerEvents:"none",position:"fixed",zIndex:e.zIndex.fab+1,[`.${s.container}`]:{display:"grid",gap:e.spacing(1)},[`.${s.snackbar}`]:{inlineSize:"100%"}})})]})}),e(b,{ref:O}),D&&!v&&e(f.FooterSlot,{slot:h.footer,sx:{zIndex:T.zIndex.drawer+2},children:D}),H]},"interface-layout")};

package/dist/configurator/ui/legacy/layout/old/InterfaceLayout.styled.d.ts

@@ -0,0 +1,62 @@
+import type { ValueOf } from '@salsita-ai/common/utils';
+import { InterfaceSlot } from './InterfaceSlot.js';
+export declare const interfaceLayoutClasses: {
+    miscellaneousSlot: string;
+    reactiveMotionDiv: string;
+    sceneSafeArea: string;
+    slot: string;
+};
+export declare const interfaceLayoutStyles: {
+    readonly general: {
+        readonly pointerEvents: 'none';
+        readonly position: 'absolute';
+        readonly inset: 0;
+        readonly maxHeight: 'var(--phx-app-height)';
+        readonly padding: 'var(--interface-padding)';
+    };
+    readonly desktopLayout: {
+        readonly '--interface-padding': "24px";
+        readonly display: 'grid';
+        readonly columnGap: 2;
+        readonly gridTemplate: "\n      \"top             sidebar\"   min-content\n      \"sceneSafeArea   sidebar\"   1fr\n      \"toolbar         sidebar\"   min-content\n      \"footer          footer \"   min-content /\n       1fr                              auto\n    ";
+    };
+    readonly mobileLayout: {
+        readonly '--interface-padding': 0;
+        readonly display: 'grid';
+        readonly columnGap: 0;
+        readonly gridTemplateAreas: "\n      \"mobileHeader   \"\n      \"sceneSafeArea  \"\n      \"mobileControls \"\n      \"footer         \"\n    ";
+        readonly overflow: 'hidden';
+    };
+};
+/**
+ * This container ensures that the InterfaceLayout will work properly for desktop-only projects and that
+ * all unnecessary slots on mobile.
+ */
+export declare const DesktopOnlyContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+interface SlotProps {
+    slot: ValueOf<typeof InterfaceSlot>;
+}
+/**
+ * Set of styled components used in the InterfaceLayout.
+ *
+ * @private Do not export to the package.
+ */
+export declare const InterfaceLayoutStyled: {
+    Container: import("@emotion/styled").StyledComponent<Pick<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onResize" | "onResizeCapture" | "onScroll" | "onScrollCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "prefix" | "property" | "radioGroup" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab" | keyof import("motion/react").MotionProps | keyof import("react").RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    MiscellaneousSlot: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SlotProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    FooterSlot: import("@emotion/styled").StyledComponent<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SlotProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ReactiveMotionDiv: import("react").ForwardRefExoticComponent<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Slot: import("react").ForwardRefExoticComponent<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SlotProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+/**
+ * Container implementations. `DefaultContainer` is the main container used in InterfaceLayout.
+ * For various specifications, it can be replaced with custom containers. Some pre-defined containers
+ * for common use cases are available in this object.
+ *
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const InterfaceLayoutContainer: {
+    DefaultContainer: import("@emotion/styled").StyledComponent<Pick<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "about" | "accessKey" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoCorrect" | "autoFocus" | "autoSave" | "className" | "color" | "content" | "contentEditable" | "contextMenu" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "inlist" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "lang" | "nonce" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onResize" | "onResizeCapture" | "onScroll" | "onScrollCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "prefix" | "property" | "radioGroup" | "rel" | "resource" | "results" | "rev" | "role" | "security" | "slot" | "spellCheck" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "title" | "translate" | "typeof" | "unselectable" | "vocab" | keyof import("motion/react").MotionProps | keyof import("react").RefAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    DesktopOnlyContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+};
+export {};

package/dist/configurator/ui/legacy/layout/old/InterfaceLayout.styled.js

@@ -0,0 +1,12 @@
+import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import a from"clsx";import{motion as o}from"motion/react";import{forwardRef as n}from"react";import{useResponsive as r}from"#package/ui-sdk";import{InterfaceSlot as i}from"./InterfaceSlot.js";export const interfaceLayoutClasses={miscellaneousSlot:"PhxInterfaceLayout-miscellaneousSlot",reactiveMotionDiv:"PhxInterfaceLayout-reactiveMotionDiv",sceneSafeArea:"PhxInterfaceLayout-sceneSafeArea",slot:"PhxInterfaceLayout-slot"};let s={minBlockSize:0,minInlineSize:0};export const interfaceLayoutStyles={general:{pointerEvents:"none",position:"absolute",inset:0,maxHeight:"var(--phx-app-height)",padding:"var(--interface-padding)"},desktopLayout:{"--interface-padding":"24px",display:"grid",columnGap:2,gridTemplate:`
+      "${i.top}             ${i.sidebar}"   min-content
+      "${i.sceneSafeArea}   ${i.sidebar}"   1fr
+      "${i.toolbar}         ${i.sidebar}"   min-content
+      "${i.footer}          ${i.footer} "   min-content /
+       1fr                              auto
+    `},mobileLayout:{"--interface-padding":0,display:"grid",columnGap:0,gridTemplateAreas:`
+      "${i.mobileHeader}   "
+      "${i.sceneSafeArea}  "
+      "${i.mobileControls} "
+      "${i.footer}         "
+    `,overflow:"hidden"}};let l=t(o.div,{name:"PhxInterfaceLayout",slot:"container"})(()=>{let{isMobileAndMobileLandscape:e}=r();return{...interfaceLayoutStyles.general,...interfaceLayoutStyles.desktopLayout,...e&&interfaceLayoutStyles.mobileLayout}});export const DesktopOnlyContainer=t("div",{name:"PhxInterfaceLayout",slot:"container"})(()=>{let{isMobile:e,isDesktop:t}=r();return{...interfaceLayoutStyles.general,...interfaceLayoutStyles.desktopLayout,...t&&{[`& .${interfaceLayoutClasses.slot}-${i.mobileHeader}, & .${interfaceLayoutClasses.slot}-${i.mobileControls}`]:{display:"none"}},...e&&{...interfaceLayoutStyles.mobileLayout,[`& .${interfaceLayoutClasses.slot}:not(.${interfaceLayoutClasses.slot}-${i.mobileControls}):not(.${interfaceLayoutClasses.slot}-${i.footer}):not(.${interfaceLayoutClasses.slot}-${i.sceneSafeArea})`]:{display:"none"}}}});let c=t(o.div)(({slot:e})=>({display:"grid",gridArea:e,pointerEvents:"auto",position:"relative","& > *":{...s}})),f=n((t,o)=>e(c,{...t,ref:o,className:a(t.className,interfaceLayoutClasses.slot,`${interfaceLayoutClasses.slot}-${t.slot}`)})),m=t(f)(()=>({pointerEvents:"none"})),u=n((t,o)=>e(m,{...t,ref:o,className:a(t.className,interfaceLayoutClasses.miscellaneousSlot)})),y=t(o.div)(()=>({display:"inline flex",userSelect:"none","& > *":{pointerEvents:"auto"}})),p=n((t,o)=>e(y,{...t,ref:o,className:a(t.className,interfaceLayoutClasses.reactiveMotionDiv)})),d=t(f)(()=>({marginInline:"calc(var(--interface-padding) * -1)",marginBottom:"calc(var(--interface-padding) * -1)",marginTop:"var(--interface-padding)"}));export const InterfaceLayoutStyled={Container:l,MiscellaneousSlot:u,FooterSlot:d,ReactiveMotionDiv:p,Slot:f};export const InterfaceLayoutContainer={DefaultContainer:l,DesktopOnlyContainer};

package/dist/configurator/ui/legacy/layout/old/InterfaceSlot.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const InterfaceSlot: {
+    readonly top: 'top';
+    readonly toolbar: 'toolbar';
+    readonly sidebar: 'sidebar';
+    readonly mobileControls: 'mobileControls';
+    readonly mobileHeader: 'mobileHeader';
+    readonly footer: 'footer';
+    readonly sideEffects: 'sideEffects';
+    readonly sceneSafeArea: 'sceneSafeArea';
+};

package/dist/configurator/ui/legacy/layout/old/InterfaceSlot.js

@@ -0,0 +1 @@
+export const InterfaceSlot={top:"top",toolbar:"toolbar",sidebar:"sidebar",mobileControls:"mobileControls",mobileHeader:"mobileHeader",footer:"footer",sideEffects:"sideEffects",sceneSafeArea:"sceneSafeArea"};

package/dist/configurator/ui/legacy/layout/old/MobileHeaderLayout.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const MobileHeaderLayout: ({ secondarySlot, centralSlot, primarySlot, }: {
+    primarySlot: ReactNode;
+    centralSlot: ReactNode;
+    secondarySlot: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/old/MobileHeaderLayout.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Box as i,styled as n}from"@mui/material";let t=n(i)(()=>({pointerEvents:"auto",userSelect:"none"})),a=n("div")(({theme:e})=>({display:"grid",position:"relative",gridTemplateColumns:"min-content 1fr min-content",gridTemplateAreas:'"primary center secondary"',alignItems:"center",justifyItems:"center",paddingInline:e.spacing(1.5),paddingBlockStart:e.spacing(2)}));export const MobileHeaderLayout=({secondarySlot:i,centralSlot:n,primarySlot:s})=>r(a,{children:[e(t,{sx:{gridArea:"primary"},children:s}),e(t,{sx:{gridArea:"center"},children:n}),e(t,{sx:{gridArea:"secondary"},children:i})]});

package/dist/configurator/ui/legacy/layout/old/PoweredBy.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentsOverrides, type ComponentsVariants } from '@mui/material';
+export type PhxPoweredByThemeableProps = {
+    visible: boolean;
+    href?: string;
+};
+declare const MuiComponentName: 'PhxPoweredBy';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: PhxPoweredByThemeableProps;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: PhxPoweredByThemeableProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            variants?: ComponentsVariants<Theme>[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const PoweredBy: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/legacy/layout/old/PoweredBy.js

@@ -0,0 +1 @@
+import{jsx as C,jsxs as L}from"react/jsx-runtime";import{styled as t,useThemeProps as e}from"@mui/material";import{visuallyHidden as i}from"@mui/utils";let a=t("div",{name:"PhxPoweredBy",slot:"root"})({position:"absolute",bottom:"100%",zIndex:0}),l=t("a")(({theme:C})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:C.spacing(.25),fontFamily:C.typography.fontFamily,fontWeight:C.typography.fontWeightMedium,fontSize:"0.5rem",lineHeight:1,whiteSpace:"nowrap",textTransform:"uppercase",textDecoration:"none",color:C.palette.text.secondary})),o=t("svg")({width:"29px",height:"12px"});export const PoweredBy=()=>{let{visible:t=!0,href:r}=e({props:{visible:void 0,href:"https://salsita.ai"},name:"PhxPoweredBy"});return t&&C(a,{itemScope:!0,itemType:"https://schema.org/Organization",children:L(l,{href:r,target:"_blank",rel:"noopener",title:"Salsita AI – 3D configurators with CPQ & custom software",itemProp:"url",children:["Powered by",C("span",{style:i,children:" Salsita"}),L(o,{viewBox:"0 0 29 12",children:[C("path",{d:"M26.1808 2.94724C26.1546 2.94724 26.126 2.95359 26.098 2.97299C26.0725 2.9906 26.0535 3.01503 26.0379 3.04016C26.0078 3.08881 25.9757 3.16578 25.9335 3.27976L24.3332 7.64959C24.2678 7.82526 24.2065 7.9623 24.129 8.06004C24.0548 8.15358 23.9651 8.21214 23.8352 8.22929L23.8339 8.22947L23.8326 8.22968C23.783 8.23777 23.6871 8.24529 23.6455 8.24529C23.5796 8.24529 23.4921 8.29797 23.4921 8.39992C23.4921 8.43143 23.5017 8.46233 23.5217 8.488C23.5404 8.51194 23.5639 8.52587 23.5842 8.53428C23.6229 8.55032 23.6699 8.55424 23.7151 8.55424C23.8561 8.55424 24.0123 8.54799 24.141 8.54182C24.1866 8.53963 24.2281 8.53749 24.2643 8.53563C24.3325 8.53211 24.3816 8.52959 24.4026 8.52959C24.4319 8.52959 24.5094 8.53354 24.6049 8.5384L24.6063 8.53848C24.6275 8.53956 24.6494 8.54068 24.672 8.54181C24.794 8.54794 24.9297 8.55424 25.0133 8.55424C25.0488 8.55424 25.0911 8.55016 25.1277 8.53087C25.1473 8.52051 25.1677 8.50443 25.1831 8.47997C25.1988 8.45492 25.2053 8.42701 25.2053 8.39992C25.2053 8.36821 25.1977 8.32258 25.1611 8.28714C25.1265 8.25357 25.0823 8.24529 25.0446 8.24529H24.9824C24.9344 8.24529 24.896 8.23471 24.8726 8.21869C24.8543 8.20617 24.842 8.18914 24.842 8.15338C24.842 8.04747 24.8766 7.88734 24.9368 7.71985L25.3215 6.60784H26.8605L27.4639 8.191L27.4643 8.19189C27.4715 8.20982 27.4724 8.22098 27.4723 8.22657C27.4721 8.23185 27.471 8.23496 27.4697 8.23727C27.4663 8.24379 27.4583 8.25013 27.452 8.25289L27.4486 8.25439L27.4452 8.2562C27.4413 8.25834 27.4383 8.25976 27.4342 8.26176C27.4324 8.26262 27.4304 8.26359 27.428 8.26477C27.4222 8.26765 27.4094 8.27392 27.3973 8.28352C27.3827 8.29498 27.3684 8.31144 27.359 8.33459C27.3504 8.35581 27.3486 8.37631 27.3486 8.392C27.3486 8.45962 27.397 8.49255 27.4211 8.50424C27.4462 8.51638 27.4751 8.5219 27.4986 8.52523C27.5349 8.53038 27.5819 8.533 27.6293 8.53563C27.6444 8.53647 27.6596 8.53732 27.6744 8.53825L27.6756 8.53832L27.6768 8.53836C28.1499 8.55485 28.653 8.55485 28.7541 8.55485C28.7971 8.55485 28.8457 8.55046 28.8866 8.53744C28.9067 8.53106 28.9315 8.52059 28.953 8.50201C28.9762 8.48197 29 8.4479 29 8.40053C29 8.33288 28.959 8.29084 28.9238 8.27084C28.8905 8.25195 28.8533 8.2459 28.8238 8.2459C28.76 8.2459 28.6694 8.23826 28.5805 8.20895C28.5164 8.1875 28.4489 8.15952 28.3675 8.06859C28.2826 7.97389 28.1796 7.80727 28.0579 7.50037C27.8425 6.95331 27.4454 5.91306 27.0955 4.99686C26.7708 4.1462 26.4867 3.40227 26.427 3.25967L26.4266 3.25854L26.4261 3.25743C26.4123 3.22661 26.4004 3.19832 26.3892 3.17151L26.3819 3.15392C26.369 3.12308 26.3558 3.09228 26.3419 3.06583C26.3158 3.01631 26.2692 2.94724 26.1808 2.94724ZM25.4902 6.12601L26.0698 4.3749L26.685 6.12601H25.4902Z",fill:"black"}),C("path",{d:"M22.0893 6.42887C22.0893 7.10572 22.0895 7.64834 22.1196 7.92871C22.1316 8.03407 22.1439 8.09688 22.1683 8.13856C22.1871 8.17078 22.2194 8.20035 22.3047 8.21379L22.3056 8.21392L22.3064 8.21407C22.3962 8.23001 22.5456 8.24561 22.6009 8.24561C22.6463 8.24561 22.6903 8.26333 22.7189 8.30493C22.7434 8.34066 22.7462 8.37973 22.7462 8.40023C22.7462 8.45677 22.716 8.50122 22.6737 8.52602C22.6368 8.54774 22.5917 8.55455 22.5465 8.55455C22.3593 8.55455 22.157 8.54834 21.9972 8.54216C21.9101 8.5388 21.8373 8.53553 21.7858 8.53321C21.7408 8.53119 21.712 8.5299 21.704 8.5299C21.704 8.5299 21.7037 8.5299 21.7021 8.52994L21.6963 8.53013C21.6914 8.5303 21.6849 8.53055 21.6768 8.53089C21.6608 8.53155 21.6392 8.53251 21.6133 8.53367L21.5934 8.53456C21.5447 8.53674 21.4844 8.53945 21.4199 8.54215C21.2735 8.5483 21.1035 8.55455 21.001 8.55455C20.9604 8.55455 20.9147 8.55102 20.8769 8.53107C20.8557 8.51988 20.8349 8.50243 20.8201 8.47633C20.8055 8.45053 20.801 8.42354 20.801 8.40023C20.801 8.3669 20.8115 8.32822 20.8402 8.2976C20.8696 8.2662 20.9085 8.25352 20.9466 8.25352C20.9965 8.25352 21.0649 8.23987 21.1252 8.22386L21.1264 8.22353L21.1277 8.22323C21.1662 8.21422 21.1897 8.19343 21.2093 8.15112C21.2318 8.10251 21.2461 8.03078 21.2578 7.92877C21.2874 7.64855 21.2875 7.10556 21.2875 6.42887V3.59464L20.3994 3.60924C20.1875 3.61349 20.0515 3.62795 19.9582 3.65766C19.871 3.68545 19.8241 3.72554 19.7867 3.7868L19.7864 3.78739L19.786 3.78798C19.7346 3.86964 19.7199 3.90823 19.7054 3.94625C19.6999 3.96064 19.6945 3.97494 19.6871 3.99146C19.6766 4.0264 19.6595 4.06246 19.6276 4.08791C19.5919 4.11645 19.5537 4.11876 19.5321 4.11876C19.499 4.11876 19.4661 4.10377 19.4416 4.08024C19.4138 4.05354 19.3942 4.01351 19.3942 3.96444C19.3942 3.94576 19.3979 3.91992 19.4014 3.89704C19.4055 3.87127 19.4112 3.83943 19.4178 3.80409C19.4311 3.73329 19.4489 3.64577 19.4668 3.55941C19.4783 3.50391 19.4899 3.44842 19.5005 3.39796C19.5064 3.36997 19.5119 3.34353 19.5169 3.31948C19.524 3.28562 19.53 3.25654 19.5345 3.23421C19.5368 3.22303 19.5386 3.2138 19.5399 3.20663C19.5406 3.20305 19.5411 3.20016 19.5415 3.19791L19.5419 3.19526L19.542 3.19451L19.5437 3.18298L19.5476 3.17238C19.5488 3.16926 19.5502 3.16548 19.5518 3.16121C19.5591 3.14151 19.5702 3.1112 19.582 3.08517C19.5891 3.06951 19.5987 3.05029 19.6103 3.03365C19.6161 3.0254 19.6249 3.01417 19.637 3.00419C19.6486 2.9947 19.671 2.97981 19.7022 2.97981C19.7299 2.97981 19.7551 2.98814 19.7723 2.99441C19.7803 2.9973 19.7928 3.0022 19.805 3.00704C19.8147 3.01084 19.8242 3.01459 19.8314 3.0173C19.8731 3.03303 19.9302 3.05161 20.0149 3.06302C20.2031 3.08674 20.4619 3.09517 20.5366 3.09517L23.1025 3.09517C23.3217 3.09517 23.472 3.07886 23.576 3.06333C23.6173 3.05658 23.6516 3.04982 23.681 3.04404C23.686 3.04305 23.6909 3.04208 23.6956 3.04115C23.7244 3.03552 23.7571 3.02912 23.7829 3.02912C23.8119 3.02912 23.8416 3.03984 23.8647 3.06403C23.8854 3.08553 23.8941 3.11063 23.8982 3.12713C23.9052 3.15528 23.9051 3.18748 23.905 3.20475C23.905 3.20605 23.905 3.20727 23.905 3.2084C23.905 3.31741 23.8992 3.49811 23.8935 3.65987C23.8921 3.69937 23.8907 3.73759 23.8894 3.7734C23.8853 3.88675 23.8821 3.97596 23.8821 4.00522C23.8821 4.0955 23.8276 4.19272 23.7285 4.19272C23.7094 4.19272 23.6847 4.18888 23.6604 4.17309C23.6361 4.15731 23.6207 4.13515 23.6109 4.11424C23.5939 4.07782 23.5875 4.03062 23.5836 3.98174L23.576 3.90951C23.5714 3.86655 23.5611 3.83187 23.5434 3.80276C23.526 3.77395 23.4979 3.74458 23.4492 3.71728C23.348 3.6605 23.1669 3.61754 22.8458 3.60924L22.089 3.59488L22.0893 6.42887Z",fill:"black"}),C("path",{d:"M17.959 6.33176H17.9585V5.1965C17.9585 4.11321 17.9585 3.91756 17.9661 3.69828C17.9739 3.57508 17.9871 3.51148 18.0089 3.47357C18.0255 3.44457 18.0537 3.41967 18.1324 3.40215C18.2009 3.38767 18.2402 3.38767 18.2842 3.38767C18.3309 3.38767 18.3667 3.35891 18.3846 3.33994C18.4026 3.32089 18.4298 3.28317 18.4298 3.23335C18.4298 3.21004 18.4253 3.18313 18.4108 3.1574C18.3962 3.13136 18.3755 3.11384 18.3543 3.10254C18.3165 3.08236 18.2708 3.07873 18.2301 3.07873C18.1242 3.07873 17.9607 3.08295 17.8207 3.08713C17.755 3.0891 17.6951 3.09103 17.6483 3.09253C17.5939 3.09428 17.5572 3.09547 17.5497 3.09547C17.54 3.09547 17.4997 3.09416 17.4409 3.09225C17.3958 3.09079 17.3398 3.08898 17.2785 3.08713C17.1394 3.08295 16.9758 3.07873 16.8622 3.07873C16.8217 3.07873 16.776 3.08225 16.7381 3.10236C16.7169 3.11365 16.6961 3.1312 16.6814 3.15734C16.6669 3.18313 16.6625 3.21009 16.6625 3.23335C16.6625 3.27495 16.6805 3.31162 16.7018 3.33648C16.7243 3.36269 16.7609 3.38767 16.8081 3.38767C16.8479 3.38767 16.9263 3.39506 16.9984 3.41034C17.0511 3.42221 17.0771 3.44354 17.0955 3.47664C17.118 3.51698 17.1344 3.58428 17.142 3.70004C17.1572 3.91763 17.1573 4.10961 17.1573 5.1965V6.42886C17.1573 7.10401 17.1494 7.64826 17.1192 7.92868C17.1072 8.03419 17.0966 8.10418 17.0775 8.15189C17.0619 8.19091 17.0442 8.20715 17.0115 8.21526L17.0104 8.21556C16.9509 8.23114 16.8744 8.2456 16.8238 8.2456C16.7774 8.2456 16.7379 8.26652 16.7116 8.30025C16.6876 8.33105 16.6779 8.36811 16.6779 8.40023C16.6779 8.4277 16.6848 8.45618 16.7013 8.48158C16.7174 8.50625 16.7387 8.52201 16.7586 8.53199C16.7958 8.55055 16.8395 8.55455 16.8779 8.55455C16.9845 8.55455 17.1449 8.54829 17.2818 8.54214C17.3414 8.53946 17.3958 8.53685 17.4399 8.53473C17.4995 8.53187 17.5405 8.5299 17.55 8.5299L17.5519 8.52994L17.5575 8.53012C17.5623 8.53029 17.5685 8.53054 17.5764 8.53088C17.5888 8.53141 17.6047 8.53212 17.6236 8.53297L17.6391 8.53366C17.6908 8.53598 17.7608 8.53907 17.8418 8.54216C18.0036 8.54834 18.2096 8.55455 18.4004 8.55455C18.4459 8.55455 18.491 8.54778 18.5281 8.52594C18.5707 8.5008 18.6002 8.45613 18.6002 8.40023C18.6002 8.36891 18.5911 8.33186 18.5671 8.3007C18.5408 8.26645 18.501 8.2456 18.4546 8.2456C18.4002 8.2456 18.259 8.23012 18.1595 8.21386C18.0798 8.2008 18.0517 8.17265 18.0349 8.1415C18.012 8.09912 18.0014 8.03584 17.9893 7.92876C17.9592 7.6484 17.959 7.10575 17.959 6.42886V6.33176Z",fill:"black"}),C("path",{d:"M9.12699 3.07903C9.08648 3.07903 9.04076 3.08255 9.00292 3.10266C8.98168 3.11395 8.96087 3.1315 8.9462 3.15764C8.93172 3.18344 8.92727 3.2104 8.92727 3.23366C8.92727 3.28348 8.95464 3.32122 8.97249 3.34013C8.99042 3.35912 9.02599 3.38798 9.07287 3.38798C9.13068 3.38798 9.24254 3.39595 9.2915 3.40343C9.39057 3.41809 9.42689 3.44726 9.44615 3.47767C9.47057 3.51623 9.48391 3.57971 9.49158 3.7001L9.49162 3.7007C9.50676 3.91829 9.50683 4.10992 9.50683 5.1968L9.50683 6.42917C9.50683 7.10646 9.50658 7.64726 9.46921 7.92576L9.4674 7.93771C9.45204 8.03907 9.44194 8.10572 9.42356 8.1534C9.41491 8.17584 9.40626 8.18855 9.39826 8.19645C9.39085 8.20376 9.38012 8.21083 9.361 8.21558L9.36001 8.21584C9.30017 8.23145 9.22371 8.24591 9.17309 8.24591C9.1266 8.24591 9.08702 8.26689 9.06079 8.30085C9.03688 8.33181 9.02749 8.36882 9.02749 8.40053C9.02749 8.42786 9.03425 8.45625 9.05068 8.48164C9.06665 8.50633 9.08784 8.52216 9.10783 8.5322C9.14496 8.55086 9.18864 8.55485 9.22693 8.55485C9.33489 8.55485 9.4784 8.54669 9.61273 8.53904L9.62612 8.53828L9.62661 8.53825C9.75525 8.53021 9.86903 8.5302 9.89956 8.5302C10.0458 8.5302 10.208 8.53474 10.4066 8.5403C10.4786 8.54231 10.5556 8.54447 10.6381 8.54658C10.9569 8.56308 11.337 8.57129 11.8241 8.57129C11.9152 8.57129 11.9881 8.56978 12.0462 8.56453C12.1035 8.55935 12.1538 8.55004 12.1962 8.53019C12.2956 8.48367 12.3219 8.39283 12.3444 8.3134L12.3446 8.3125L12.3449 8.31159C12.3737 8.20206 12.3995 8.04046 12.4179 7.90022C12.4361 7.76166 12.4487 7.63181 12.4487 7.58697C12.4487 7.54632 12.445 7.50204 12.4284 7.46471C12.4195 7.44453 12.4053 7.42297 12.383 7.40672C12.3601 7.38997 12.3347 7.38334 12.3109 7.38334C12.2567 7.38334 12.2163 7.41352 12.1914 7.44839C12.1681 7.48104 12.1563 7.51981 12.1508 7.55421C12.1298 7.68195 12.0808 7.81189 12.0091 7.90201L12.0088 7.9024C11.9466 7.98125 11.8542 8.0277 11.7252 8.05321C11.5948 8.07899 11.4391 8.08125 11.26 8.08125C10.9948 8.08125 10.802 8.06891 10.6639 8.04362C10.5234 8.0179 10.4541 7.98114 10.4204 7.94538L10.4193 7.94419L10.4182 7.94304C10.405 7.92998 10.3868 7.90068 10.3699 7.83557C10.3532 7.7715 10.3403 7.68242 10.3308 7.5605C10.3119 7.31672 10.308 6.95939 10.308 6.445L10.308 5.1968C10.308 4.11352 10.308 3.91787 10.3156 3.69858C10.3235 3.57539 10.3367 3.5104 10.3599 3.47086C10.3778 3.44035 10.4089 3.41334 10.4928 3.39557C10.5695 3.38751 10.6631 3.38007 10.7036 3.38007C10.7422 3.38007 10.7755 3.36148 10.7972 3.34256C10.8177 3.32468 10.8489 3.28756 10.8489 3.23366C10.8489 3.20648 10.8423 3.1782 10.826 3.15282C10.8101 3.12812 10.7891 3.11216 10.769 3.102C10.7318 3.08312 10.688 3.07903 10.6495 3.07903C10.5438 3.07903 10.3629 3.08325 10.2057 3.08743C10.1357 3.08929 10.0701 3.09115 10.0174 3.09264L9.99823 3.09319C9.9705 3.09397 9.94731 3.09463 9.93009 3.09508C9.92148 3.09531 9.91445 3.09549 9.90914 3.0956L9.90267 3.09574L9.90067 3.09576L9.90007 3.09577C9.89107 3.09577 9.85748 3.09472 9.80697 3.09313C9.75779 3.09159 9.69235 3.08953 9.6173 3.08743C9.46741 3.08324 9.28287 3.07903 9.12699 3.07903Z",fill:"black"}),C("path",{d:"M5.82056 2.94724C5.79445 2.94724 5.76578 2.95353 5.73771 2.9729C5.7122 2.9905 5.69307 3.01494 5.67746 3.0401C5.64727 3.08879 5.61516 3.16579 5.57303 3.27976L3.97387 7.64959C3.90846 7.82526 3.84713 7.96229 3.7696 8.06003C3.6954 8.15355 3.60566 8.21213 3.47556 8.22929L3.47421 8.22947L3.47287 8.22969C3.42362 8.23777 3.32778 8.24529 3.28611 8.24529C3.24868 8.24529 3.21259 8.25981 3.18497 8.28428C3.15686 8.30917 3.13277 8.34921 3.13277 8.39992C3.13277 8.43143 3.14235 8.46233 3.16238 8.488C3.18105 8.51194 3.20452 8.52587 3.22482 8.53428C3.26355 8.55032 3.31056 8.55424 3.35569 8.55424C3.49686 8.55424 3.65311 8.54799 3.78189 8.54182C3.8275 8.53963 3.86903 8.53749 3.90517 8.53563C3.97343 8.53212 4.02254 8.52959 4.04349 8.52959C4.07265 8.52959 4.14993 8.53353 4.24522 8.53839C4.26688 8.53949 4.28946 8.54064 4.31263 8.54181C4.43468 8.54794 4.57033 8.55424 4.65398 8.55424C4.68941 8.55424 4.73162 8.55014 4.76812 8.53091C4.78769 8.52059 4.80817 8.50457 4.82355 8.48015C4.83931 8.45512 4.84598 8.42716 4.84598 8.39992C4.84598 8.3682 4.83828 8.32249 4.80158 8.28703C4.76691 8.25352 4.72266 8.24529 4.68491 8.24529H4.62306C4.57487 8.24529 4.53645 8.2347 4.51313 8.21871C4.49493 8.20624 4.4826 8.18923 4.4826 8.15338C4.4826 8.04731 4.51679 7.88711 4.57707 7.71999L4.96157 6.60784H6.50061L7.10397 8.191L7.10433 8.19189C7.11156 8.20983 7.11249 8.22098 7.11233 8.22655C7.11219 8.23181 7.11103 8.2349 7.1098 8.23719C7.10634 8.24368 7.09842 8.25002 7.09202 8.25279L7.08829 8.25441L7.08471 8.25636C7.08082 8.25849 7.07791 8.25991 7.07379 8.26192L7.06775 8.26488C7.06194 8.26776 7.04921 8.27405 7.03712 8.28365C7.02266 8.29512 7.00837 8.31157 6.99905 8.33466C6.99049 8.35584 6.98871 8.3763 6.98871 8.392C6.98871 8.45974 7.03723 8.49263 7.0613 8.50426C7.08639 8.51639 7.11524 8.5219 7.13875 8.52523C7.17507 8.53038 7.22206 8.53299 7.26926 8.53562C7.28441 8.53647 7.29963 8.53732 7.31448 8.53825L7.31567 8.53832L7.31686 8.53836C7.78968 8.55485 8.29338 8.55485 8.39414 8.55485C8.4371 8.55485 8.48566 8.55045 8.52655 8.53745C8.54659 8.53108 8.57139 8.52063 8.59293 8.50209C8.61612 8.48212 8.64006 8.44804 8.64006 8.40053C8.64006 8.33259 8.59868 8.29061 8.56354 8.27076C8.53024 8.25194 8.49311 8.2459 8.46353 8.2459C8.4001 8.2459 8.30948 8.23827 8.22056 8.20894C8.15627 8.18749 8.08877 8.15951 8.00732 8.06859C7.9225 7.97391 7.81954 7.80734 7.69807 7.50051C7.48312 6.95465 7.087 5.91762 6.73757 5.00279C6.41169 4.14963 6.12636 3.40261 6.06652 3.25967L6.06605 3.25854L6.06555 3.25743C6.05164 3.22633 6.03973 3.19779 6.02846 3.17076L6.02146 3.15399C6.00856 3.12317 5.99543 3.09238 5.98157 3.06595C5.95562 3.01644 5.90904 2.94724 5.82056 2.94724ZM5.12938 6.12601L5.70914 4.3745L6.32425 6.12601H5.12938Z",fill:"black"}),C("path",{d:"M0.583008 3.34224C0.868133 3.09888 1.267 2.97159 1.72996 2.97159C2.00767 2.97159 2.28531 3.01394 2.45424 3.05637C2.57538 3.08666 2.62253 3.08665 2.67003 3.08664L2.67261 3.08664C2.68754 3.08664 2.70391 3.08715 2.71961 3.0896C2.73496 3.09199 2.75624 3.09716 2.77686 3.1111C2.82861 3.1461 2.83368 3.20359 2.83368 3.23305C2.83368 3.24485 2.83177 3.26651 2.82969 3.29025C2.82928 3.29487 2.82887 3.29957 2.82846 3.3043C2.8256 3.33751 2.8218 3.38342 2.818 3.44296C2.81041 3.56205 2.80275 3.73647 2.80275 3.97235C2.80275 4.02333 2.80152 4.07761 2.78875 4.12004C2.78173 4.14333 2.76878 4.17198 2.74309 4.19428C2.71596 4.21783 2.68478 4.22559 2.65715 4.22559C2.63571 4.22559 2.61124 4.22185 2.58745 4.20902C2.56257 4.19561 2.54496 4.17579 2.53306 4.15462C2.51392 4.12057 2.50835 4.07892 2.50507 4.05435L2.50446 4.04978L2.50426 4.04774C2.50133 4.01656 2.48817 3.95634 2.46929 3.89109C2.45065 3.82666 2.4301 3.77001 2.41563 3.74197C2.38597 3.69089 2.19306 3.4452 1.6137 3.4452C1.38036 3.4452 1.17484 3.50743 1.03023 3.61958C0.88846 3.72954 0.80119 3.88994 0.80119 4.10384C0.80119 4.30493 0.84711 4.45763 0.969396 4.61893C1.09624 4.78624 1.30619 4.96411 1.64218 5.20626L1.83539 5.34642C2.2533 5.64942 2.54191 5.92847 2.7259 6.2136C2.91163 6.50144 2.9883 6.79176 2.9883 7.11034C2.9883 7.54991 2.82889 8.02598 2.31277 8.38268C2.00295 8.5965 1.55415 8.64494 1.18111 8.64495C0.859324 8.64526 0.449051 8.59571 0.152919 8.44724L0.151868 8.44672L0.15083 8.44616C0.102582 8.42036 0.0490537 8.38817 0.0219769 8.31614C0.0102198 8.28487 0.00539537 8.25126 0.00293221 8.21759C0.000450906 8.18367 0 8.14315 0 8.09587C0 7.81665 0.0201024 7.57755 0.0319585 7.43653C0.034797 7.40277 0.0371628 7.37463 0.0386669 7.35291C0.0388884 7.31329 0.0428332 7.2685 0.0597087 7.23025C0.0690775 7.20901 0.0839286 7.18636 0.107241 7.16926C0.131242 7.15165 0.158116 7.14442 0.183974 7.14442C0.222533 7.14442 0.266971 7.15771 0.299441 7.19873C0.329453 7.23664 0.337309 7.28358 0.337309 7.324C0.337309 7.38201 0.337634 7.46985 0.357763 7.55517L0.35803 7.5563L0.358272 7.55744C0.405137 7.77849 0.538372 7.92993 0.717662 8.02847C0.89906 8.12817 1.12507 8.17164 1.3431 8.17164C1.6623 8.17164 1.89322 8.07636 2.04339 7.93024C2.19299 7.78468 2.27158 7.57993 2.27158 7.34044C2.27158 7.112 2.21489 6.94885 2.08916 6.78461C1.95851 6.61395 1.7538 6.44234 1.45054 6.20269L1.45014 6.20237L1.14198 5.95603C0.39996 5.36685 0.131433 4.91426 0.131433 4.38324C0.131433 3.94444 0.295713 3.58746 0.583008 3.34224Z",fill:"black"}),C("path",{d:"M12.8986 1.2651C12.8986 1.21275 12.8986 1.12235 12.8986 1.0487C12.8929 1.05083 12.8868 1.05235 12.8814 1.05448C11.4095 1.86128 11.406 3.3614 11.8905 4.37146C12.2753 5.17368 13.0555 6.02535 13.6296 6.60523C14.4159 7.39948 15.1372 8.36833 14.4793 9.83384C14.1219 10.6299 13.3072 11.3495 12.569 11.6299C12.3102 11.7282 11.879 11.6985 11.7652 12C12.0969 11.9647 12.4252 12.0124 12.7568 11.9893C13.7335 11.913 14.8773 11.2536 15.2813 10.7C15.8753 9.8861 16.2682 9.08037 15.9942 7.74699C15.8475 7.03306 15.3281 6.18501 14.8012 5.51494C14.3376 4.92539 13.747 4.35668 13.3253 3.69255C12.9681 3.12996 13.0552 2.33734 13.5646 1.86128C13.3458 1.86311 13.0002 1.37315 12.8986 1.2651Z",fill:"#E93335"}),C("path",{d:"M15.6523 0.0304037C15.3715 0.0836691 14.7811 0.393709 14.4105 0.567218C14.0282 0.776925 13.3883 0.940356 13.1758 0.973848C13.0773 0.98937 12.9851 1.01494 12.8986 1.04842C12.8502 1.12584 12.8502 1.26739 12.8502 1.32005C12.9519 1.42809 13.3366 1.87337 13.5559 1.87154C13.6225 1.80951 13.6471 1.79987 13.708 1.7321C13.7771 1.6553 13.8854 1.47044 13.9605 1.32005C14.0962 1.04846 14.4901 0.832246 14.7811 0.676158C15.2413 0.429015 15.8331 0.519735 16.3648 0.676159C16.797 0.803333 16.5089 0.188953 16.2294 0.0836691C15.9499 -0.0216152 15.8809 -0.0129663 15.6523 0.0304037Z",fill:"#47AB42"})]})]})})};

package/dist/configurator/ui/legacy/layout/old/PreviewLayout.d.ts

@@ -0,0 +1,16 @@
+import type { FC } from 'react';
+interface PreviewLayoutProps {
+    title: string;
+    startButtonLabel: string;
+    updateScenePadding: (padding: {
+        bottom: number;
+        left: number;
+        right: number;
+        top: number;
+    }) => void;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const PreviewLayout: FC<PreviewLayoutProps>;
+export {};

package/dist/configurator/ui/legacy/layout/old/PreviewLayout.js

@@ -0,0 +1,7 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Button as a,Typography as t,buttonClasses as o,styled as i}from"@mui/material";import{motion as n}from"motion/react";import{AnimationTarget as s}from"#package/ui-sdk";import{usePreview as p}from"../../../../configurator-context/index.js";import{AnimationConfig as m}from"./AnimationConfig.js";import{InterfaceSlot as d}from"./InterfaceSlot.js";import{SceneSafeArea as c}from"./SceneSafeArea.js";import{useSceneSafeArea as l}from"./useSceneSafeArea.js";let f=i(n.div,{name:"PhxPreviewLayout",slot:"root"})({display:"grid",gridTemplateAreas:`
+    '${d.sceneSafeArea} ${d.sceneSafeArea}'
+    'body body'
+  `,gridTemplateColumns:"repeat(2, 1fr)",gridTemplateRows:"repeat(2, 1fr)",inset:0,position:"absolute","@container app (min-width: 768px)":{gridTemplateAreas:`
+      '${d.sceneSafeArea} body'
+      '${d.sceneSafeArea} body'
+    `}}),g=i("div",{name:"PhxPreviewLayout",slot:"body"})(({theme:e})=>({alignContent:"center",display:"grid",gap:e.spacing(3),gridArea:"body",justifyItems:"center",padding:e.spacing(5),[`.${o.root}`]:{pointerEvents:"auto"},"@container app (min-width: 768px)":{gap:e.spacing(4)}}));export const PreviewLayout=({startButtonLabel:o,title:i,updateScenePadding:n})=>{let{enter:d}=p(),{containerRef:u,safeAreaRef:y}=l(n);return r(f,{ref:u,layoutId:"ui-layout",...m.layout,...s,children:[e(c,{ref:y}),r(g,{children:[e(t,{component:"h1",variant:"h4",children:i}),e(a,{variant:"contained",size:"large",onClick:d,children:o})]})]},"preview-layout")};

package/dist/configurator/ui/legacy/layout/old/SceneSafeArea.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SceneSafeArea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const InteractiveSceneSafeArea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;

package/dist/configurator/ui/legacy/layout/old/SceneSafeArea.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{InterfaceLayoutStyled as r}from"./InterfaceLayout.styled.js";import{InterfaceSlot as o}from"./InterfaceSlot.js";export const SceneSafeArea=t((t,a)=>e(r.Slot,{ref:a,slot:o.sceneSafeArea}));export const InteractiveSceneSafeArea=t((t,a)=>e(r.Slot,{ref:a,slot:o.sceneSafeArea,sx:{pointerEvents:"none"}}));

package/dist/configurator/ui/legacy/layout/old/index.d.ts

@@ -0,0 +1,11 @@
+export { AlternatingToolbarLayout } from './AlternatingToolbarLayout.js';
+export { AnimationConfig } from './AnimationConfig.js';
+export { Branding } from './Branding.js';
+export { InterfaceLayoutContainer } from './InterfaceLayout.styled.js';
+export { InterfaceLayout } from './InterfaceLayout.js';
+export { InterfaceSlot } from './InterfaceSlot.js';
+export { MobileHeaderLayout } from './MobileHeaderLayout.js';
+export { PoweredBy } from './PoweredBy.js';
+export { PreviewLayout } from './PreviewLayout.js';
+export { SceneSafeArea, InteractiveSceneSafeArea } from './SceneSafeArea.js';
+export { useSceneSafeArea } from './useSceneSafeArea.js';

package/dist/configurator/ui/legacy/layout/old/index.js

@@ -0,0 +1 @@
+export{AlternatingToolbarLayout}from"./AlternatingToolbarLayout.js";export{AnimationConfig}from"./AnimationConfig.js";export{Branding}from"./Branding.js";export{InterfaceLayoutContainer}from"./InterfaceLayout.styled.js";export{InterfaceLayout}from"./InterfaceLayout.js";export{InterfaceSlot}from"./InterfaceSlot.js";export{MobileHeaderLayout}from"./MobileHeaderLayout.js";export{PoweredBy}from"./PoweredBy.js";export{PreviewLayout}from"./PreviewLayout.js";export{SceneSafeArea,InteractiveSceneSafeArea}from"./SceneSafeArea.js";export{useSceneSafeArea}from"./useSceneSafeArea.js";

package/dist/configurator/ui/legacy/layout/old/useSceneSafeArea.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const useSceneSafeArea: (setCanvasPadding: (paddings: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}) => void) => {
+    containerRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    safeAreaRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};

package/dist/configurator/ui/legacy/layout/old/useSceneSafeArea.js

@@ -0,0 +1 @@
+import{useEffect as t,useRef as e}from"react";export const useSceneSafeArea=r=>{let n=e(null),o=e(null),c=e(null);return t(()=>{if(!o.current||!c.current)return;let t=o.current,e=c.current,a=new ResizeObserver(()=>{n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(()=>{let n=t.getBoundingClientRect(),o=e.getBoundingClientRect();r({bottom:Math.max(0,n.bottom-o.bottom),left:Math.max(0,o.left-n.left),right:Math.max(0,n.right-o.right),top:Math.max(0,o.top-n.top)})})});return a.observe(t),a.observe(e),()=>{a.disconnect(),n.current&&cancelAnimationFrame(n.current)}},[r]),{containerRef:o,safeAreaRef:c}};

package/dist/configurator/ui/legacy/layout/simple/SimpleMobileHeaderAction.d.ts

@@ -0,0 +1,9 @@
+export interface SimpleMobileHeaderActionProps {
+    isSummaryPageActive: boolean;
+    hasSummary: boolean;
+    onEnterSummary: () => void;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SimpleMobileHeaderAction: (props: SimpleMobileHeaderActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/simple/SimpleMobileHeaderAction.js

@@ -0,0 +1 @@
+import{jsx as m,jsxs as o,Fragment as r}from"react/jsx-runtime";import{CommonFinalizeButton as t}from"../common/CommonFinalizeButton.js";import{CommonSummaryButton as n}from"../common/CommonSummaryButton.js";export const SimpleMobileHeaderAction=e=>{let{isSummaryPageActive:i,onEnterSummary:s,hasSummary:a}=e;return o(r,{children:[!a&&m(t,{}),a&&!i&&m(n,{onEnterSummary:s}),a&&i&&m(t,{})]})};

package/dist/configurator/ui/legacy/layout/simple/SimpleOwnerLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SimpleOwnerLayout: () => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/simple/SimpleOwnerLayout.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as m,Fragment as r}from"react/jsx-runtime";import{Typography as t}from"@mui/material";import{match as e}from"ts-pattern";import{customPriceFooterComponent as a,isCustomSummaryComponentSnapshot as i,isSimpleSummaryComponentSnapshot as n}from"#package/domain";import{useFirstRootComponent as s,useIsFullscreenActive as l,useRootEntityPrice as p}from"#package/react-sdk";import{MobileControls as c,MobileControls as f}from"#package/ui-sdk";import{useEnterSidebarSummary as u,useHasSidebarSummary as d,useLeaveSidebarSummary as b,useSidebarSummary as g}from"../../../../configurator-context/index.js";import{LayoutSlots as j}from"../../../configurator-layout/index.js";import{LayoutDialog as y,LayoutFooter as C,SimpleSummary as S}from"../../../phoenix-layout-elements/index.js";import{MobileChat as v}from"../../chat/MobileChat.js";import{FullscreenDesktopToolbar as h}from"../../toolbar/desktop-toolbar/FullscreenDesktopToolbar.js";import{CommonDesktopToolbar as k}from"../common/CommonDesktopToolbar.js";import{CommonFinalizePage as w}from"../common/CommonFinalizePage.js";import{CommonMobileToolbar as x}from"../common/CommonMobileToolbar.js";import{CommonTopNavigation as A}from"../common/CommonTopNavigation.js";import{DefaultViewOnlyMessage as T}from"../common/DefaultViewOnlyMessage.js";import{InvariantViolations as M}from"../common/InvariantViolations.js";import{ReactiveInterfaceLayout as L}from"../common/ReactiveInterfaceLayout.js";import{SideEffects as N}from"../common/SideEffects.js";import{ToolControls as P}from"../common/ToolControls.js";import{ViewControls as E}from"../common/ViewControls.js";import{SimpleMobileHeaderAction as O}from"./SimpleMobileHeaderAction.js";import{SimpleSidebar as V}from"./SimpleSidebar.js";import{SimpleSidebarContent as B}from"./SimpleSidebarContent.js";import{SimpleMobileTopNavigation as D}from"./SimpleTopNavigation.js";export const SimpleOwnerLayout=()=>{let F=s(a),H=d(),{isSummaryActive:I,page:z}=g(),R=e(z).with(null,()=>null).when(i,o=>o.state.page).when(n,m=>o(S,{summary:m.state.items})).otherwise(()=>null),q=u(),G=b(),J=p(),K=l();return o(L,{canvas:o(j.Canvas,{}),sidebar:o(V,{hasSummary:H,isSummaryActive:I,summaryPage:R,price:J,onEnterSummary:q,onLeaveSummary:G,customPriceNode:F?.state.node}),topNavigation:o(A,{}),branding:null,toolbar:o(k,{}),fullScreenToolbar:o(h,{}),viewControls:o(E,{}),toolControls:o(P,{}),overlay:m(r,{children:[o(M,{}),o(w,{}),o(y,{})]}),mobileControls:o(f.OrientationContainer,{portraitComponent:o(f.Layout,{chat:!K&&o(v,{icon:"CustomBigAiAssistant",label:{id:"sdk.chat.mobile.assistant.label",message:"AI Assistant"}}),toolbar:o(x,{}),navigation:null,drawer:!K&&o(B,{summaryPage:R,isSummaryActive:I,onLeaveSummary:G})}),landscapeComponent:o(c.ViewOnlyMode,{message:o(T,{})})}),mobileTopNavigation:!K&&o(D,{}),mobileHeaderActionButton:!K&&o(O,{isSummaryPageActive:I,onEnterSummary:q,hasSummary:H}),mobileHeaderCenter:!K&&o(t,{variant:"h6",sx:{paddingBlock:1},children:J}),sideEffects:o(N,{}),footer:o(C,{})})};

package/dist/configurator/ui/legacy/layout/simple/SimpleSidebar.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface SimpleSidebarProps {
+    price: string | null;
+    isSummaryActive: boolean;
+    summaryPage?: ReactNode;
+    customPriceNode?: ReactNode;
+    hasSummary: boolean;
+    onEnterSummary: () => void;
+    onLeaveSummary: () => void;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SimpleSidebar: (props: SimpleSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/simple/SimpleSidebar.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{AnimatePresence as e,motion as r}from"motion/react";import{AnimationTarget as m,Sidebar as i}from"#package/ui-sdk";import{useChatEnabled as a}from"../../../../configurator-context/index.js";import{ChatInteractionContainer as n}from"../../chat/ChatInteractionContainer.js";import{CommonFinalizeButton as c}from"../common/CommonFinalizeButton.js";import{CommonSidebarFooter as s}from"../common/CommonSidebarFooter.js";import{DesktopSummaryButton as u}from"../common/DesktopSummaryButton.js";import{SimpleSidebarContent as p}from"./SimpleSidebarContent.js";let d={transition:{type:"spring",duration:.3},variants:{initial:{opacity:0,y:16},animate:{opacity:1,y:0},exit:{opacity:0,y:16}}};export const SimpleSidebar=l=>{let{summaryPage:y,customPriceNode:f,onEnterSummary:S,onLeaveSummary:h,price:B,isSummaryActive:j,hasSummary:v}=l,x=a();return t(i.Layout,{content:t(p,{isSummaryActive:j,summaryPage:y,onLeaveSummary:h}),chat:x&&t(n,{}),footer:o(e,{initial:!1,mode:"wait",children:[!v&&t(s,{customPriceNode:f,formattedPrice:B,actionButton:t(c,{}),showTemplateButton:!0,showSaveTemplateButton:!0}),v&&!j&&t(r.div,{...d,...m,children:t(s,{customPriceNode:f,actionButton:t(u,{onEnterSummary:S}),formattedPrice:B,showSaveTemplateButton:!1})},"sidebarFooterSummary"),v&&j&&t(r.div,{...d,...m,children:t(s,{customPriceNode:f,actionButton:t(c,{}),formattedPrice:B,showTemplateButton:!0,showSaveTemplateButton:!0})},"sidebarFooterSummary")]})})};

package/dist/configurator/ui/legacy/layout/simple/SimpleSidebarContent.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface SimpleSidebarContentProps {
+    summaryPage?: ReactNode;
+    onLeaveSummary?: () => void;
+    isSummaryActive: boolean;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SimpleSidebarContent: (props: SimpleSidebarContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/simple/SimpleSidebarContent.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{Button as a}from"@mui/material";import{Fragment as r}from"react";import{propertyPageComponent as i}from"#package/domain";import{PhoenixEntityElementWithChildren as o,useDomain as m,useRootEntityId as c,useStoreSelector as l}from"#package/react-sdk";import{EntityPanel as d,PhxIcon as s}from"#package/ui-sdk";let p=()=>{let{componentReader:t}=m(),n=c(),a=l(e=>t.readManyComponents({componentTypes:[i],entityIds:[e.state.rootEntityId]},e.state),[t]);return e(d.Layout,{additionalAction:null,header:null,children:a.map(t=>t.state.children?e(r,{children:t.state.children.map((t,a)=>e(o,{kind:t.kind,entityId:n,elementProps:t.props,children:"children"in t?t.children:void 0,visible:t.visible},`${t.kind}-${a}`))},t.componentInstance.instanceName):e(r,{children:t.state.page},t.componentInstance.instanceName))})},h=t=>{let{onLeaveSummary:n,page:r}=t;return e(d.Layout,{additionalAction:e(a,{size:"large",startIcon:e(s,{name:"ArrowLeft"}),sx:{mb:2},onClick:n,children:"Back"}),header:null,children:r})};export const SimpleSidebarContent=a=>{let{summaryPage:r,isSummaryActive:i,onLeaveSummary:o}=a;return t(n,{children:[!r&&e(p,{}),r&&!i&&e(p,{}),o&&i&&e(h,{page:r,onLeaveSummary:o})]})};

package/dist/configurator/ui/legacy/layout/simple/SimpleTopNavigation.d.ts

@@ -0,0 +1,6 @@
+declare const SimpleMobileTopNavigationComponent: () => import("react/jsx-runtime").JSX.Element | null | undefined;
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const SimpleMobileTopNavigation: import("react").MemoExoticComponent<typeof SimpleMobileTopNavigationComponent>;
+export {};

package/dist/configurator/ui/legacy/layout/simple/SimpleTopNavigation.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Trans as r}from"@lingui/react";import{Button as t}from"@mui/material";import{memo as i,useCallback as e}from"react";import{useAnalyticsService as m,usePresetEmbeddedState as a}from"#package/react-sdk";import{PhxIcon as n}from"#package/ui-sdk";import{FrontendAnalyticsFactory as s}from"../../../../common/index.js";import{useConfiguratorRouting as l,usePresetSelection as p,usePreview as c}from"../../../../configurator-context/index.js";import{CloseConfiguratorButton as f}from"../common/CloseConfiguratorButton.js";export const SimpleMobileTopNavigation=i(()=>{let i=m(),u=l(),{presetCategories:d}=p(),{isPreview:g,isPreviewEnabled:k}=c(),x=d.flatMap(o=>o.presets).length>1,j=e(()=>{i.push(s.GoToProductsClicked()),u.goToIndex()},[i,u]);if(!a())return x||g||!k?x?o(t,{size:"small",startIcon:o(n,{name:"ArrowLeft"}),onClick:j,children:o(r,{id:"sdk.layout.navigation.mobile.product.label",message:"Website"})}):null:o(f,{})});

package/dist/configurator/ui/legacy/layout/simple/index.d.ts

@@ -0,0 +1,5 @@
+export { SimpleOwnerLayout } from './SimpleOwnerLayout.js';
+export { SimpleSidebar, type SimpleSidebarProps } from './SimpleSidebar.js';
+export { SimpleSidebarContent, type SimpleSidebarContentProps } from './SimpleSidebarContent.js';
+export { SimpleMobileHeaderAction } from './SimpleMobileHeaderAction.js';
+export { SimpleMobileTopNavigation } from './SimpleTopNavigation.js';

package/dist/configurator/ui/legacy/layout/simple/index.js

@@ -0,0 +1 @@
+export{SimpleOwnerLayout}from"./SimpleOwnerLayout.js";export{SimpleSidebar}from"./SimpleSidebar.js";export{SimpleSidebarContent}from"./SimpleSidebarContent.js";export{SimpleMobileHeaderAction}from"./SimpleMobileHeaderAction.js";export{SimpleMobileTopNavigation}from"./SimpleTopNavigation.js";

package/dist/configurator/ui/legacy/layout/steps/StepsNavigation.d.ts

@@ -0,0 +1,14 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface TopNavigationStep {
+    navigationStates: string[];
+    label: Localizable;
+}
+export interface StepsNavigationComponentProps {
+    steps: TopNavigationStep[];
+}
+declare const StepsNavigationComponent: (props: StepsNavigationComponentProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const StepsNavigation: import("react").MemoExoticComponent<typeof StepsNavigationComponent>;
+export {};

package/dist/configurator/ui/legacy/layout/steps/StepsNavigation.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Trans as o}from"@lingui/react";import{memo as i,useCallback as a}from"react";import{useActiveNavigationState as n,useAnalyticsService as r,useDomain as s,usePresetEmbeddedState as p,useResolveLocalizable as c}from"#package/react-sdk";import{TopNavigation as m,useResponsive as l}from"#package/ui-sdk";import{FrontendAnalyticsFactory as d}from"../../../../common/index.js";import{useConfiguratorRouting as g,usePresetSelection as u}from"../../../../configurator-context/index.js";export const StepsNavigation=i(i=>{let{steps:f}=i,k=r(),{navigationSystem:x,storeSystem:v}=s(),h=n(),C=g(),S=c(),{presetCategories:j}=u(),T=p(),N=j.flatMap(t=>t.presets).length>1,b=!T&&N,I=f.findIndex(t=>t.navigationStates.includes(h))+ +!!b,{isTablet:P}=l(),y=a(()=>{k.push(d.GoToProductsClicked()),C.goToIndex()},[k,C]);return e(m.Root,{activeStep:I,nonLinear:!0,compact:P,fullWidth:!0,children:[b&&t(m.Step,{isCompleted:!0,onClick:y,compact:P,children:t(o,{id:"sdk.layout.navigation.steps.first.label",message:"Products"})}),f.map((e,o)=>{let i=b?o<I-1:o<I,a=S(e.label);return t(m.Step,{isCompleted:i,isDisabled:!i,compact:P,onClick:()=>{let t=e.navigationStates[0];t&&(k.push(d.TopNavigationStepClicked(t)),v.stageAndCommit([x.getNavigationUpdate(t)]))},children:a},a)})]})});

package/dist/configurator/ui/legacy/layout/steps/StepsOwnerLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const StepsOwnerLayout: () => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/steps/StepsOwnerLayout.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t,Fragment as e}from"react/jsx-runtime";import{useCallback as a,useMemo as i}from"react";import{customPriceFooterComponent as n,navigationStepsComponent as r,sidebarTabsComponent as s}from"#package/domain";import{useActiveNavigationState as m,useComponents as l,useDomain as p,useFirstRootComponent as c,usePresetEmbeddedState as f,useResolveLocalizable as d,useRootEntityPrice as g,useSelectedDomainEntityId as u,useStoreSelector as v}from"#package/react-sdk";import{MobileControls as b}from"#package/ui-sdk";import{useConfiguratorRouting as j,usePresetSelection as S}from"../../../../configurator-context/index.js";import{LayoutSlots as x}from"../../../configurator-layout/index.js";import{LayoutDialog as C}from"../../../phoenix-layout-elements/LayoutDialog.js";import{LayoutFooter as y,LayoutToolbarDesktop as k,LayoutToolbarDesktopFullScreen as T}from"../../../phoenix-layout-elements/index.js";import{FullscreenDesktopToolbar as I}from"../../toolbar/desktop-toolbar/FullscreenDesktopToolbar.js";import{CommonDesktopToolbar as h}from"../common/CommonDesktopToolbar.js";import{CommonFinalizePage as N}from"../common/CommonFinalizePage.js";import{DefaultViewOnlyMessage as w}from"../common/DefaultViewOnlyMessage.js";import{InvariantViolations as A}from"../common/InvariantViolations.js";import{ReactiveInterfaceLayout as D}from"../common/ReactiveInterfaceLayout.js";import{SideEffects as E}from"../common/SideEffects.js";import{ToolControls as L}from"../common/ToolControls.js";import{ViewControls as M}from"../common/ViewControls.js";import{StepsNavigation as P}from"./StepsNavigation.js";import{StepsSideBar as V}from"./StepsSideBar.js";export const StepsOwnerLayout=()=>{let{storeSystem:F,navigationSystem:O}=p(),B=d(),H=m(),R=u(),U=c(r),z=c(n),$=l({componentTypes:[s],entityIds:[R]}),q=i(()=>U?.state.steps??[],[U]),G=i(()=>($??[]).flatMap(o=>o.state.tabs).map(o=>{let t=o.navigationStates[0];if(!t)throw Error(`Tab ${t} has no navigation states!`);return{label:B(o.label),icon:o.icon,value:t,isActive:o.navigationStates.includes(H)}}),[$,H,B]),J=i(()=>{let o=G.find(o=>o.isActive);return o?.value??"none"},[G]),K=v(o=>R===o.state.rootEntityId,[R]),Q=g(),W=j(),{presetCategories:X}=S(),Y=f(),Z=X.flatMap(o=>o.presets).length>1,_=!Y&&Z,oo=a(()=>{let o=q.findIndex(o=>o.navigationStates.includes(H)),t=q[o-1];if(!t){_&&W.goToIndex();return}let e=t.navigationStates[0];e&&F.stageAndCommit([O.getNavigationUpdate(e)])},[O,H,q,_,W,F]),ot=a(()=>{let o=q.findIndex(o=>o.navigationStates.includes(H)),t=q[o+1];if(!t)return;let e=t.navigationStates[0];e&&F.stageAndCommit([O.getNavigationUpdate(e)])},[O,H,q,F]),oe=i(()=>q.findIndex(o=>o.navigationStates.includes(H))===q.length-1,[q,H]);return o(D,{canvas:o(x.Canvas,{}),sidebar:o(V,{price:Q,tabs:G,activeTab:J,isRootPage:K,customPriceNode:z?.state.node,isLastStep:oe,onNextStepClick:ot,onPreviousStepClick:oo}),viewControls:o(M,{}),toolControls:o(L,{}),topNavigation:o(P,{steps:q}),branding:null,toolbar:o(k,{defaultSlot:()=>o(h,{})}),fullScreenToolbar:o(T,{defaultSlot:()=>o(I,{})}),overlay:t(e,{children:[o(A,{}),o(N,{}),o(C,{})]}),mobileControls:o(b.ViewOnlyMode,{message:o(w,{})}),mobileTopNavigation:null,mobileHeaderActionButton:null,mobileHeaderCenter:null,sideEffects:o(E,{}),footer:o(y,{})})};

package/dist/configurator/ui/legacy/layout/steps/StepsSideBar.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface StepsSidebarProps {
+    price: string | null;
+    activeTab: string;
+    tabs: Array<{
+        label: string;
+        icon?: ReactNode;
+        value: string;
+    }>;
+    isRootPage: boolean;
+    customPriceNode?: ReactNode;
+    isLastStep: boolean;
+    onPreviousStepClick: () => void;
+    onNextStepClick: () => void;
+}
+declare const StepsSidebarComponent: (props: StepsSidebarProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const StepsSideBar: import("react").MemoExoticComponent<typeof StepsSidebarComponent>;
+export {};

package/dist/configurator/ui/legacy/layout/steps/StepsSideBar.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{AnimatePresence as e}from"motion/react";import{memo as o,useCallback as r}from"react";import{useDomain as a}from"#package/react-sdk";import{Sidebar as i,TabNavigation as m}from"#package/ui-sdk";import{useChatEnabled as n}from"../../../../configurator-context/index.js";import{ChatInteractionContainer as p}from"../../chat/ChatInteractionContainer.js";import{PropertyPagePanel as s}from"../../property-page/PropertyPagePanel.js";import{StepsSidebarFooter as c}from"./StepsSidebarFooter.js";export const StepsSideBar=o(o=>{let{price:d,activeTab:f,tabs:g,isRootPage:l,customPriceNode:u,isLastStep:h,onNextStepClick:P,onPreviousStepClick:S}=o,j=n(),{navigationSystem:k,storeSystem:x}=a(),C=r(t=>{x.stageAndCommit([k.getNavigationUpdate(t)])},[k,x]);return t(i.Layout,{header:null,content:t(s,{isRootPage:l}),footer:t(e,{initial:!1,mode:"wait",children:t(c,{customPriceNode:u,formattedPrice:d,isLastStep:h,onNextStepClick:P,onPreviousStepClick:S})}),chat:j&&t(p,{}),aside:g.length>1&&t(m,{onChange:C,value:f,tabs:g})})});

package/dist/configurator/ui/legacy/layout/steps/StepsSidebarFooter.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export interface StepsSidebarFooterProps {
+    formattedPrice: string | null;
+    customPriceNode?: ReactNode;
+    isLastStep: boolean;
+    onPreviousStepClick: () => void;
+    onNextStepClick: () => void;
+}
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const StepsSidebarFooter: (props: StepsSidebarFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/legacy/layout/steps/StepsSidebarFooter.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{Trans as r}from"@lingui/react";import{Button as i,Stack as n}from"@mui/material";import{useCallback as a}from"react";import{useAnalyticsService as l,usePresetEmbeddedState as m,useResolveLocalizable as s,useSession as c}from"#package/react-sdk";import{PhxIcon as p,SidebarPrice as d,StepsSidebarFooterLayout as u}from"#package/ui-sdk";import{FrontendAnalyticsFactory as f}from"../../../../common/index.js";import{CommonFinalizeButton as k}from"../common/CommonFinalizeButton.js";import{SaveTemplateButton as g}from"../common/SaveTemplateButton.js";import{SetAsTemplateButton as h}from"../common/SetAsTemplateButton.js";let x={id:"sdk.totalPrice",message:"Total price"},S=t=>{let{onClick:o}=t,n=l(),m=a(()=>{n.push(f.PreviousStepButtonClicked()),o()},[n,o]);return e(i,{size:"large",startIcon:e(p,{name:"ArrowLeft"}),fullWidth:!0,onClick:m,children:e(r,{id:"sdk.layout.sidebar.previousStep.label",message:"Previous step"})})},B=t=>{let{onClick:o}=t,n=l(),m=a(()=>{n.push(f.NextStepButtonClicked()),o()},[n,o]);return e(i,{variant:"contained",size:"large",endIcon:e(p,{name:"ArrowRight"}),fullWidth:!0,onClick:m,children:e(r,{id:"sdk.layout.sidebar.nextStep.label",message:"Next step"})})};export const StepsSidebarFooter=r=>{let{formattedPrice:i,customPriceNode:a,isLastStep:l,onPreviousStepClick:p,onNextStepClick:f}=r,b=m(),j=s(),C=null!=c().rawAdminSessionToken,v=C&&b,A=C&&!b;return e(u,{priceNode:t(o,{children:[a,!a&&i&&t(n,{alignItems:"center",flexWrap:"wrap",direction:"row",children:[e(d.Label,{label:j(x),sx:{marginInlineEnd:"auto"}}),e(d.Value,{value:i})]})]}),startActionButton:e(S,{onClick:p}),endActionButton:t(o,{children:[!l&&e(B,{onClick:f}),l&&!v&&e(k,{}),l&&v&&e(g,{})]}),templateButton:l&&A&&e(h,{})})};

package/dist/configurator/ui/legacy/layout/steps/index.d.ts

@@ -0,0 +1,4 @@
+export { StepsNavigation, type StepsNavigationComponentProps, type TopNavigationStep } from './StepsNavigation.js';
+export { StepsOwnerLayout } from './StepsOwnerLayout.js';
+export { StepsSideBar, type StepsSidebarProps } from './StepsSideBar.js';
+export { StepsSidebarFooter, type StepsSidebarFooterProps } from './StepsSidebarFooter.js';

package/dist/configurator/ui/legacy/layout/steps/index.js

@@ -0,0 +1 @@
+export{StepsNavigation}from"./StepsNavigation.js";export{StepsOwnerLayout}from"./StepsOwnerLayout.js";export{StepsSideBar}from"./StepsSideBar.js";export{StepsSidebarFooter}from"./StepsSidebarFooter.js";

package/dist/configurator/ui/legacy/layout/tabs/TabsOwnerLayout.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @deprecated Legacy UI element, use 'Universal' layout components instead.
+ */
+export declare const TabsOwnerLayout: () => import("react/jsx-runtime").JSX.Element;