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

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/DesktopBackButton.d.ts

@@ -0,0 +1,35 @@
+import type { ButtonProps, ComponentsOverrides, IconButtonProps } from '@mui/material';
+import type { ReactNode } from 'react';
+declare const ButtonKind: {
+    readonly Button: 'button';
+    readonly IconButton: 'iconButton';
+};
+interface BackButtonProps extends Omit<ButtonProps, 'children' | 'startIcon' | 'endIcon'> {
+    icon?: ReactNode;
+    kind: typeof ButtonKind.Button;
+}
+interface BackIconButtonProps extends Omit<IconButtonProps, 'children'> {
+    icon?: ReactNode;
+    kind: typeof ButtonKind.IconButton;
+}
+export type PhxDesktopBackButtonThemeableProps = BackButtonProps | BackIconButtonProps;
+declare const MuiComponentName: 'PhxDesktopBackButton';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'button';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: PhxDesktopBackButtonThemeableProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList['PhxDesktopBackButton'];
+            styleOverrides?: ComponentsOverrides<Theme>['PhxDesktopBackButton'];
+        };
+    }
+}
+interface DesktopBackButtonProps {
+    readonly icon?: ReactNode;
+}
+export declare const DesktopBackButton: import("react").MemoExoticComponent<(props: DesktopBackButtonProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/DesktopBackButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Button as o,IconButton as e,styled as r,useThemeProps as a}from"@mui/material";import{memo as i}from"react";import{match as n}from"ts-pattern";import{useLocalizable as c}from"#package/react-sdk";import{PhxIcon as s,TooltipWithArrow as l}from"#package/ui-sdk";import{useGoBackAction as m}from"./use-go-back-action.js";let u="button",k=r(o,{name:"PhxDesktopBackButton",slot:"button"})({}),p=r(e,{name:"PhxDesktopBackButton",slot:"button"})({}),d={id:"sdk.layout.button.desktopBack.label",message:"Back"};export const DesktopBackButton=i(o=>{let{icon:e}=o,r=c(d),i=m(),{icon:B=t(s,{name:"ArrowLeft"}),kind:h=u,size:f="large",...v}=a({props:{color:void 0,icon:e,kind:void 0,size:void 0,variant:void 0},name:"PhxDesktopBackButton"});return i?n(h).with(u,()=>t(k,{variant:"text",color:"inherit",...v,size:f,startIcon:B,onClick:i,children:r})).with("iconButton",()=>{let o=t(p,{variant:"light",color:"default",...v,size:f,onClick:i,children:B});return t(l,{title:r,placement:"bottom",enterDelay:300,children:o})}).exhaustive():null});

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/MobileBackButton.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { ReactNode } from 'react';
+declare const MuiComponentName: 'PhxMobileBackButton';
+interface MobileBackButtonProps {
+    readonly icon?: ReactNode;
+}
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: MobileBackButtonProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+export declare const MobileBackButton: import("react").MemoExoticComponent<(inProps: MobileBackButtonProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/MobileBackButton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{styled as o,useThemeProps as r}from"@mui/material";import{memo as e}from"react";import{useLocalizable as a}from"#package/react-sdk";import{DesktopToolbar as m,PhxIcon as i}from"#package/ui-sdk";import{useGoBackAction as l}from"./use-go-back-action.js";let n={id:"sdk.layout.button.mobileBack.label",message:"Back"},c="PhxMobileBackButton",s=o(m.ButtonGroup,{name:c,slot:"root"})({});export const MobileBackButton=e(o=>{let{icon:e=t(i,{name:"ArrowLeft"})}=r({props:o,name:c}),u=a(n),p=l();return p?t(s,{children:t(m.Button,{title:u,onClick:p,children:e})}):null});

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/index.d.ts

@@ -0,0 +1,3 @@
+export { DesktopBackButton } from './DesktopBackButton.js';
+export { MobileBackButton } from './MobileBackButton.js';
+export { useGoBackAction } from './use-go-back-action.js';

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/index.js

@@ -0,0 +1 @@
+export{DesktopBackButton}from"./DesktopBackButton.js";export{MobileBackButton}from"./MobileBackButton.js";export{useGoBackAction}from"./use-go-back-action.js";

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/use-go-back-action.d.ts

@@ -0,0 +1 @@
+export declare const useGoBackAction: () => (() => void) | null;

package/dist/configurator/ui/phoenix-layout-elements/header/common/back-button/use-go-back-action.js

@@ -0,0 +1 @@
+import{useMemo as e}from"react";import{useAccessService as o,useAnalyticsService as t,useDomainApplication as i,useIntegrationState as r}from"#package/react-sdk";import{FrontendAnalyticsFactory as a}from"../../../../../common/index.js";import{useConfiguratorRouting as d,usePresetSelection as n,usePreview as s}from"../../../../../configurator-context/index.js";import{useCloseAction as c}from"../../../../../integration/index.js";export const useGoBackAction=()=>{let m=t(),{configurationPersistSystem:l}=i(),p=d(),{presetCategories:u}=n(),{isPreview:w,isPreviewEnabled:f,leave:x}=s(),{accessInfo:g}=o(),k=u.flatMap(e=>e.presets).length>1,v=r(),C=c();return e(()=>v.embeddedView?null:k?async()=>{m.push(a.GoToProductsClicked()),g.viewMode||await l.save(),p.goToIndex()}:null!==C?async()=>{m.push(a.CloseConfiguratorClicked()),g.viewMode||await l.save(),await C()}:f&&!w?()=>{m.push(a.ExpandedViewClosed()),x()}:null,[m,l,k,v.embeddedView,w,f,x,p,C,g.viewMode])};

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/DesktopBranding.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentsOverrides } from '@mui/material';
+import type { CSSProperties, ReactNode } from 'react';
+interface BrandingWithChildren {
+    children: ReactNode;
+}
+interface BrandingWithImage {
+    imageUrl: string;
+    imageAlt?: string;
+    imageHeight?: CSSProperties['height'];
+}
+export type PhxDesktopBrandingThemeableProps = BrandingWithChildren | BrandingWithImage;
+declare const MuiComponentName: 'PhxDesktopBrandingHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: PhxDesktopBrandingThemeableProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList['PhxDesktopBrandingHeader'];
+            styleOverrides?: ComponentsOverrides<Theme>['PhxDesktopBrandingHeader'];
+        };
+    }
+}
+export declare const DesktopBranding: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/DesktopBranding.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{styled as r,useThemeProps as i}from"@mui/material";import{memo as t}from"react";import{P as o,match as a}from"ts-pattern";import{useResourceUrl as n}from"#package/react-sdk";let l=r("div",{name:"PhxDesktopBrandingHeader",slot:"root"})({alignItems:"center",display:"grid"});export const DesktopBranding=t(()=>{let{getResourceUrl:r}=n(),{imageAlt:t="Company logo",imageHeight:m=24,imageUrl:d,children:s}=i({props:{children:void 0,imageAlt:void 0,imageHeight:void 0,imageUrl:void 0},name:"PhxDesktopBrandingHeader"});return a({imageHeight:m,imageUrl:d,children:s}).with({imageUrl:o.string,children:void 0},({imageUrl:i})=>e(l,{children:e("img",{src:i&&r(i),alt:t,style:{blockSize:m}})})).with({children:o.nonNullable},({children:r})=>e(l,{children:r})).otherwise(()=>null)});

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/MobileBrandingSlot.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentsOverrides } from '@mui/material';
+import type { CSSProperties, ReactNode } from 'react';
+interface BrandingWithChildren {
+    children: ReactNode;
+}
+interface BrandingWithImage {
+    imageUrl: string;
+    imageAlt?: string;
+    imageHeight?: CSSProperties['height'];
+}
+export type PhxMobileBrandingThemeableProps = BrandingWithChildren | BrandingWithImage;
+declare const ComponentName: 'PhxMobileBrandingHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [ComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [ComponentName]: PhxMobileBrandingThemeableProps;
+    }
+    interface Components {
+        [ComponentName]?: {
+            defaultProps?: ComponentsPropsList['PhxMobileBrandingHeader'];
+            styleOverrides?: ComponentsOverrides<Theme>['PhxMobileBrandingHeader'];
+        };
+    }
+}
+export declare const MobileBranding: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/MobileBrandingSlot.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{styled as e,useThemeProps as r}from"@mui/material";import{memo as o}from"react";import{P as t,match as l}from"ts-pattern";import{useResourceUrl as a}from"#package/react-sdk";let n=e("div",{name:"PhxMobileBrandingHeader",slot:"root"})({alignItems:"center",display:"grid"});export const MobileBranding=o(()=>{let{getResourceUrl:e}=a(),{imageAlt:o="Company logo",imageHeight:m=24,imageUrl:d,children:g}=r({props:{children:void 0,imageAlt:void 0,imageHeight:void 0,imageUrl:void 0},name:"PhxMobileBrandingHeader"});return l({imageHeight:m,imageUrl:d,children:g}).with({imageUrl:t.string,children:void 0},({imageUrl:r})=>i(n,{children:i("img",{src:r&&e(r),alt:o,style:{blockSize:m}})})).with({children:t.nonNullable},({children:e})=>i(n,{children:e})).otherwise(()=>null)});

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/index.d.ts

@@ -0,0 +1,2 @@
+export { MobileBranding } from './MobileBrandingSlot.js';
+export { DesktopBranding } from './DesktopBranding.js';

package/dist/configurator/ui/phoenix-layout-elements/header/common/branding-header/index.js

@@ -0,0 +1 @@
+export{MobileBranding}from"./MobileBrandingSlot.js";export{DesktopBranding}from"./DesktopBranding.js";

package/dist/configurator/ui/phoenix-layout-elements/header/common/horizontal-tabs/DesktopHorizontalTabs.d.ts

@@ -0,0 +1 @@
+export declare const DesktopHorizontalTabs: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/ui/phoenix-layout-elements/header/common/horizontal-tabs/DesktopHorizontalTabs.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Tab as a,Tabs as o}from"@mui/material";import{memo as e,useCallback as n}from"react";import{horizontalTabsComponent as i}from"#package/domain";import{getI18nKey as r,useActiveNavigationState as s,useAnalyticsService as l,useComponents as m,useDomain as c,useResolveLocalizable as p}from"#package/react-sdk";import{PhxIcon as b}from"#package/ui-sdk";import{FrontendAnalyticsFactory as d}from"../../../../../common/index.js";let u=e(e=>{let{component:i}=e,m=s(),u=l(),{navigationSystem:f,storeSystem:g}=c(),h=p(),v=i.state.tabs.findIndex(t=>t.navigationStates.includes(m));return t(o,{variant:"scrollable",value:-1!==v&&v,onChange:n((t,a)=>{let o=i.state.tabs[a];if(!o)return;let e=o.navigationStates[0];e&&(u.push(d.TopNavigationStepClicked(e)),g.stageAndCommit([f.getNavigationUpdate(e)]))},[i.state.tabs,u,g,f]),children:i.state.tabs.map(o=>t(a,{label:h(o.label),icon:o.icon?t(b,{name:o.icon}):void 0,iconPosition:"start"},r(o.label)))})});export const DesktopHorizontalTabs=e(()=>{let a=m({componentTypes:[i]});if(0===a.length)return null;if(a.length>1)throw Error("Multiple horizontal tabs components are active, only one horizontal tabs component can be active at a time, check your domain configuration to ensure only one horizontalTabs component is defined");return t(u,{component:a.at(0)})});

package/dist/configurator/ui/phoenix-layout-elements/header/common/horizontal-tabs/index.d.ts

@@ -0,0 +1 @@
+export { DesktopHorizontalTabs } from './DesktopHorizontalTabs.js';

package/dist/configurator/ui/phoenix-layout-elements/header/common/horizontal-tabs/index.js

@@ -0,0 +1 @@
+export{DesktopHorizontalTabs}from"./DesktopHorizontalTabs.js";

package/dist/configurator/ui/phoenix-layout-elements/header/common/index.d.ts

@@ -0,0 +1,4 @@
+export * from './back-button/index.js';
+export * from './step-navigation/index.js';
+export * from './branding-header/index.js';
+export * from './horizontal-tabs/index.js';

package/dist/configurator/ui/phoenix-layout-elements/header/common/index.js

@@ -0,0 +1 @@
+export*from"./back-button/index.js";export*from"./step-navigation/index.js";export*from"./branding-header/index.js";export*from"./horizontal-tabs/index.js";

package/dist/configurator/ui/phoenix-layout-elements/header/common/step-navigation/DesktopNavigationSteps.d.ts

@@ -0,0 +1,44 @@
+import type { ComponentsOverrides } from '@mui/material';
+declare const MuiComponentName: 'PhxDesktopStepsNavigation';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableDesktopNavigationStepsProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+interface OwnerState {
+    /**
+     * Controls `width` behavior of the navigation container.
+     *
+     * - `false` — Constrains to max 856px width, centered.
+     * - `true` — Expands to fill available space.
+     *
+     * @default false
+     */
+    readonly fullWidth?: boolean;
+}
+/**
+ * Themeable props for the desktop step navigation.
+ *
+ * Configurable through MUI theme system under `PhxDesktopStepsNavigation`.
+ */
+export interface ThemeableDesktopNavigationStepsProps extends OwnerState {
+}
+/**
+ * Desktop step navigation component.
+ *
+ * - Renders horizontal step navigation for desktop layouts.
+ * - Hides when no navigation steps are available.
+ * - Integrates with MUI theming for customizable width behavior.
+ * - Retrieves steps from the navigation steps domain component.
+ */
+export declare const DesktopNavigationSteps: () => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/common/step-navigation/DesktopNavigationSteps.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{stepClasses as o,stepperClasses as e,styled as i,useThemeProps as r}from"@mui/material";import{useMemo as a}from"react";import{navigationStepsComponent as n}from"#package/domain";import{useFirstRootComponent as l}from"#package/react-sdk";import{StepsNavigation as m}from"./StepsNavigation.js";let p="PhxDesktopStepsNavigation",s=i("div",{name:p,slot:"root",shouldForwardProp:t=>"ownerState"!==t})(({ownerState:t,theme:{spacing:i}})=>({flexGrow:1,marginBlock:i(1),marginInline:"auto",maxInlineSize:t.fullWidth?void 0:856,[`.${e.horizontal}`]:{overflow:"hidden"},[`.${o.horizontal}`]:{"&:first-child":{paddingInlineStart:0},"&:last-child":{paddingInlineEnd:0}}}));export const DesktopNavigationSteps=()=>{let{fullWidth:o=!1}=r({props:{fullWidth:void 0},name:p}),e=l(n),i=a(()=>e?.state.steps??[],[e]);return 0===i.length?null:t(s,{ownerState:{fullWidth:o},children:t(m,{steps:i})})};

package/dist/configurator/ui/phoenix-layout-elements/header/common/step-navigation/StepsNavigation.d.ts

@@ -0,0 +1,9 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface TopNavigationStep {
+    navigationStates: string[];
+    label: Localizable;
+}
+export interface StepsNavigationComponentProps {
+    steps: TopNavigationStep[];
+}
+export declare const StepsNavigation: import("react").MemoExoticComponent<(props: StepsNavigationComponentProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/ui/phoenix-layout-elements/header/common/step-navigation/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/phoenix-layout-elements/header/common/step-navigation/index.d.ts

@@ -0,0 +1 @@
+export { DesktopNavigationSteps } from './DesktopNavigationSteps.js';

package/dist/configurator/ui/phoenix-layout-elements/header/common/step-navigation/index.js

@@ -0,0 +1 @@
+export{DesktopNavigationSteps}from"./DesktopNavigationSteps.js";

package/dist/configurator/ui/phoenix-layout-elements/header/custom/CustomHeader.d.ts

@@ -0,0 +1,5 @@
+import type { CustomHeaderComponentSnapshot } from '#package/domain';
+export interface CustomHeaderProps {
+    component: CustomHeaderComponentSnapshot;
+}
+export declare const CustomHeader: (props: CustomHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/header/custom/CustomHeader.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{PhoenixLayoutElementWithChildren as n}from"#package/react-sdk";export const CustomHeader=t=>{let{component:i}=t;return e(r,{children:i.state.children?.map((r,t)=>e(n,{kind:r.kind,elementProps:r.props,children:"children"in r?r.children:void 0},`${r.kind}-${t}`))})};

package/dist/configurator/ui/phoenix-layout-elements/header/custom/index.d.ts

@@ -0,0 +1 @@
+export { CustomHeader } from './CustomHeader.js';

package/dist/configurator/ui/phoenix-layout-elements/header/custom/index.js

@@ -0,0 +1 @@
+export{CustomHeader}from"./CustomHeader.js";

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/DesktopFixedHeader.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { CSSProperties } from 'react';
+declare const MuiComponentName: 'PhxDesktopFixedHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableDesktopFixedHeaderProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+interface OwnerState {
+    /**
+     * Block size of the header.
+     *
+     * @default 64
+     */
+    readonly height?: CSSProperties['height'];
+}
+/**
+ * Themeable props for the desktop fixed header component.
+ *
+ * Configurable through MUI theme system under `PhxDesktopFixedHeader`.
+ */
+export interface ThemeableDesktopFixedHeaderProps extends OwnerState {
+    readonly backButtonIcon?: string;
+}
+/**
+ * A fixed header component for desktop configurator layout.
+ *
+ * - Displays branding, back button, and horizontal tabs based on context.
+ * - Conditionally shows back button and tabs when not in view mode.
+ * - Integrates with MUI theming system for style customization.
+ */
+export declare const DesktopFixedHeader: (inProps: ThemeableDesktopFixedHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/DesktopFixedHeader.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as r,tabClasses as a,useThemeProps as o}from"@mui/material";import{useAccessService as n}from"#package/react-sdk";import{PhxIcon as d,commonStyles as i}from"#package/ui-sdk";import{DesktopBackButton as m,DesktopBranding as s,DesktopHorizontalTabs as l}from"../common/index.js";let p="PhxDesktopFixedHeader",c=r("div",{name:p,slot:"root",shouldForwardProp:e=>"ownerState"!==e})(({ownerState:e,theme:{palette:t,spacing:r}})=>({...i.transition.fadeIn,alignItems:"center",backgroundColor:t.background.paper,borderBlockEnd:`1px solid ${t.divider}`,display:"flex",paddingInline:"var(--phx-layout-gutter)",pointerEvents:"auto",'[data-header="slot[button]"]':{"&:not(:empty)":{marginInlineEnd:r(3)}},'[data-header="slot[branding]"]':{"&:not(:empty)":{marginInlineEnd:r(5)}},[`.${a.root}`]:{blockSize:e.height}}));export const DesktopFixedHeader=r=>{let{backButtonIcon:a,height:i=64}=o({props:r,name:p}),{accessInfo:h}=n(),g=h.viewMode;return t(c,{"data-header":"variant[fixed]",ownerState:{height:i},children:[e("div",{"data-header":"slot[button]",children:e(m,{icon:a?e(d,{name:a}):void 0})}),e("div",{"data-header":"slot[branding]",children:e(s,{})}),!g&&e(l,{})]})};

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/MobileFixedHeader.d.ts

@@ -0,0 +1,5 @@
+interface MobileFixedHeaderProps {
+    readonly backButtonIcon?: string;
+}
+export declare const MobileFixedHeader: (props: MobileFixedHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/MobileFixedHeader.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r,Fragment as e}from"react/jsx-runtime";import{useAccessService as i}from"#package/react-sdk";import{PhxIcon as t}from"#package/ui-sdk";import{useHasSteps as m}from"../../../../configurator-context/index.js";import{MobileBackButton as a,MobileBranding as n}from"../common/index.js";export const MobileFixedHeader=s=>{let{backButtonIcon:c}=s,d=m(),{accessInfo:p}=i();return r(e,{children:[!d&&!p.viewMode&&o(a,{icon:c?o(t,{name:c}):void 0}),o(n,{})]})};

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/index.d.ts

@@ -0,0 +1,2 @@
+export { DesktopFixedHeader } from './DesktopFixedHeader.js';
+export { MobileFixedHeader } from './MobileFixedHeader.js';

package/dist/configurator/ui/phoenix-layout-elements/header/fixed/index.js

@@ -0,0 +1 @@
+export{DesktopFixedHeader}from"./DesktopFixedHeader.js";export{MobileFixedHeader}from"./MobileFixedHeader.js";

package/dist/configurator/ui/phoenix-layout-elements/header/floating/DesktopFloatingHeader.d.ts

@@ -0,0 +1,42 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { CSSProperties } from 'react';
+declare const MuiComponentName: 'PhxDesktopFloatingHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableDesktopFloatingHeaderProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+interface OwnerState {
+    /**
+     * Minimum block size of the header.
+     *
+     * @default 56
+     */
+    readonly height?: CSSProperties['height'];
+}
+/**
+ * Themeable props for the desktop floating header component.
+ *
+ * Configurable through MUI theme system under `PhxDesktopFloatingHeader`.
+ */
+export interface ThemeableDesktopFloatingHeaderProps extends OwnerState {
+    readonly backButtonIcon?: string;
+}
+/**
+ * A floating header component for desktop configurator layout.
+ *
+ * - Displays branding, back button, or step navigation based on context.
+ * - Conditionally shows navigation steps when not in view mode and steps exist.
+ * - Integrates with MUI theming system for style customization.
+ */
+export declare const DesktopFloatingHeader: (inProps: ThemeableDesktopFloatingHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/floating/DesktopFloatingHeader.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,useThemeProps as r}from"@mui/material";import{useAccessService as a}from"#package/react-sdk";import{PhxIcon as i,commonStyles as n}from"#package/ui-sdk";import{useHasSteps as m}from"../../../../configurator-context/index.js";import{DesktopBackButton as s,DesktopBranding as p,DesktopNavigationSteps as d}from"../common/index.js";let l="PhxDesktopFloatingHeader",c=o("div",{name:l,slot:"root",shouldForwardProp:e=>"ownerState"!==e})(({ownerState:e,theme:{spacing:t}})=>({...n.transition.fadeIn,alignItems:"center",display:"flex",gap:t(2),minBlockSize:e.height,"&:empty":{display:"contents"},"& > *":{pointerEvents:"auto"}}));export const DesktopFloatingHeader=o=>{let{backButtonIcon:n,height:f=56}=r({props:o,name:l}),{accessInfo:g}=a(),x=m(),h=!g.viewMode&&x;return t(c,{"data-header":"variant[floating]",ownerState:{height:f},children:[!h&&e(s,{icon:n?e(i,{name:n}):void 0}),e(p,{}),h&&e(d,{})]})};

package/dist/configurator/ui/phoenix-layout-elements/header/floating/MobileFloatingHeader.d.ts

@@ -0,0 +1,5 @@
+interface MobileFloatingHeaderProps {
+    readonly backButtonIcon?: string;
+}
+export declare const MobileFloatingHeader: (props: MobileFloatingHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/header/floating/MobileFloatingHeader.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r,Fragment as e}from"react/jsx-runtime";import{useAccessService as t}from"#package/react-sdk";import{PhxIcon as i}from"#package/ui-sdk";import{useHasSteps as m}from"../../../../configurator-context/index.js";import{MobileBackButton as a,MobileBranding as n}from"../common/index.js";export const MobileFloatingHeader=s=>{let{backButtonIcon:c}=s,d=m(),{accessInfo:p}=t();return r(e,{children:[!d&&!p.viewMode&&o(a,{icon:c?o(i,{name:c}):void 0}),o(n,{})]})};

package/dist/configurator/ui/phoenix-layout-elements/header/floating/index.d.ts

@@ -0,0 +1,2 @@
+export { DesktopFloatingHeader } from './DesktopFloatingHeader.js';
+export { MobileFloatingHeader } from './MobileFloatingHeader.js';

package/dist/configurator/ui/phoenix-layout-elements/header/floating/index.js

@@ -0,0 +1 @@
+export{DesktopFloatingHeader}from"./DesktopFloatingHeader.js";export{MobileFloatingHeader}from"./MobileFloatingHeader.js";

package/dist/configurator/ui/phoenix-layout-elements/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './floating/index.js';
+export * from './custom/index.js';
+export * from './fixed/index.js';

package/dist/configurator/ui/phoenix-layout-elements/header/index.js

@@ -0,0 +1 @@
+export*from"./floating/index.js";export*from"./custom/index.js";export*from"./fixed/index.js";

package/dist/configurator/ui/phoenix-layout-elements/index.d.ts

@@ -0,0 +1,38 @@
+export * from './sidebar-footer/index.js';
+export * from './header/index.js';
+export { useShareData, useShareSettings } from './share/use-share.js';
+export { MenuRoutingProvider, useMenuRouting } from './menu-actions/MenuRoutingContext.js';
+export { MenuAction } from './menu-actions/MenuAction.js';
+export { RoutingMenuAction } from './menu-actions/RoutingMenuAction.js';
+export { EnterFullscreenToolbarButton } from './EnterFullscreenToolbarButton.js';
+export { ExitFullscreenToolbarButton } from './ExitFullscreenToolbarButton.js';
+export { LanguageToolbarButton } from './LanguageToolbarButton.js';
+export { ToolbarButtonGroup } from './ToolbarButtonGroup.js';
+export { ShareMenuAction } from './ShareMenuAction.js';
+export { ShareToolbarButton } from './ShareToolbarButton.js';
+export { UndoToolbarButton } from './UndoToolbarButton.js';
+export { RedoToolbarButton } from './RedoToolbarButton.js';
+export { MeasurementsToolbarButton } from './MeasurementsToolbarButton.js';
+export { HelpToolbarButton } from './HelpToolbarButton.js';
+export { HelpMenuAction } from './HelpMenuAction.js';
+export { LanguageMenuAction } from './LanguageMenuAction.js';
+export { MeasurementsMenuAction } from './MeasurementsMenuAction.js';
+export { ResetCameraToolbarButton } from './ResetCameraToolbarButton.js';
+export { SimpleSummary, type SimpleSummaryProps } from './SimpleSummary.js';
+export { ResetUndoListener, type ResetUndoListenerProps } from './ResetUndoListener.js';
+export { SetAsRecipeButton } from './SetAsRecipeButton.js';
+export { LayoutDialog, createLayoutDialog, type CreateLayoutDialog } from './LayoutDialog.js';
+export { LayoutFooter, createLayoutFooter, type CreateLayoutFooter } from './LayoutFooter.js';
+export { CanvasLoader, createCanvasLoader, type CreateCanvasLoader } from './CanvasLoader.js';
+export { AppLoader, createAppLoader, type CreateAppLoader, type AppLoaderContentProps } from './AppLoader.js';
+export { ToolbarHelp, createToolbarHelp, type CreateToolbarHelp, useToolbarHelpExists } from './ToolbarHelp.js';
+export { LayoutToolbarDesktop, createLayoutToolbarDesktop, type LayoutToolbarDesktopProps, type CreateLayoutToolbarDesktop, } from './LayoutToolbarDesktop.js';
+export { LayoutToolbarDesktopFullScreen, createLayoutToolbarDesktopFullScreen, type LayoutToolbarDesktopFullScreenProps, type CreateLayoutToolbarDesktopFullScreen, } from './LayoutToolbarDesktopFullScreen.js';
+export { LayoutToolbarReadDesktop, createLayoutToolbarReadDesktop, type LayoutToolbarReadDesktopProps, type CreateLayoutToolbarReadDesktop, } from './LayoutToolbarReadDesktop.js';
+export { LayoutToolbarReadDesktopFullScreen, createLayoutToolbarReadDesktopFullScreen, type LayoutToolbarReadDesktopFullScreenProps, type CreateLayoutToolbarReadDesktopFullScreen, } from './LayoutToolbarReadDesktopFullScreen.js';
+export { LayoutCustomOwnerUi, createLayoutCustomOwnerUi, type CreateLayoutCustomOwnerUi, } from './LayoutCustomOwnerUi.js';
+export { LayoutCustomReadUi, createLayoutCustomReadUi, type CreateLayoutCustomReadUi } from './LayoutCustomReadUi.js';
+export { LayoutAdminUi, createLayoutAdminUi, type CreateLayoutAdminUi, type LayoutAdminUiProps, } from './LayoutAdminUi.js';
+export { LayoutUserUi, createLayoutUserUi, type CreateLayoutUserUi, type LayoutUserUiProps } from './LayoutUserUi.js';
+export { ExitToolModeFab, type ExitToolModeFabProps } from './call-to-action/ExitToolModeFab.js';
+export * from './svg-throbber-3d/index.js';

package/dist/configurator/ui/phoenix-layout-elements/index.js

@@ -0,0 +1 @@
+export*from"./sidebar-footer/index.js";export*from"./header/index.js";export{useShareData,useShareSettings}from"./share/use-share.js";export{MenuRoutingProvider,useMenuRouting}from"./menu-actions/MenuRoutingContext.js";export{MenuAction}from"./menu-actions/MenuAction.js";export{RoutingMenuAction}from"./menu-actions/RoutingMenuAction.js";export{EnterFullscreenToolbarButton}from"./EnterFullscreenToolbarButton.js";export{ExitFullscreenToolbarButton}from"./ExitFullscreenToolbarButton.js";export{LanguageToolbarButton}from"./LanguageToolbarButton.js";export{ToolbarButtonGroup}from"./ToolbarButtonGroup.js";export{ShareMenuAction}from"./ShareMenuAction.js";export{ShareToolbarButton}from"./ShareToolbarButton.js";export{UndoToolbarButton}from"./UndoToolbarButton.js";export{RedoToolbarButton}from"./RedoToolbarButton.js";export{MeasurementsToolbarButton}from"./MeasurementsToolbarButton.js";export{HelpToolbarButton}from"./HelpToolbarButton.js";export{HelpMenuAction}from"./HelpMenuAction.js";export{LanguageMenuAction}from"./LanguageMenuAction.js";export{MeasurementsMenuAction}from"./MeasurementsMenuAction.js";export{ResetCameraToolbarButton}from"./ResetCameraToolbarButton.js";export{SimpleSummary}from"./SimpleSummary.js";export{ResetUndoListener}from"./ResetUndoListener.js";export{SetAsRecipeButton}from"./SetAsRecipeButton.js";export{LayoutDialog,createLayoutDialog}from"./LayoutDialog.js";export{LayoutFooter,createLayoutFooter}from"./LayoutFooter.js";export{CanvasLoader,createCanvasLoader}from"./CanvasLoader.js";export{AppLoader,createAppLoader}from"./AppLoader.js";export{ToolbarHelp,createToolbarHelp,useToolbarHelpExists}from"./ToolbarHelp.js";export{LayoutToolbarDesktop,createLayoutToolbarDesktop}from"./LayoutToolbarDesktop.js";export{LayoutToolbarDesktopFullScreen,createLayoutToolbarDesktopFullScreen}from"./LayoutToolbarDesktopFullScreen.js";export{LayoutToolbarReadDesktop,createLayoutToolbarReadDesktop}from"./LayoutToolbarReadDesktop.js";export{LayoutToolbarReadDesktopFullScreen,createLayoutToolbarReadDesktopFullScreen}from"./LayoutToolbarReadDesktopFullScreen.js";export{LayoutCustomOwnerUi,createLayoutCustomOwnerUi}from"./LayoutCustomOwnerUi.js";export{LayoutCustomReadUi,createLayoutCustomReadUi}from"./LayoutCustomReadUi.js";export{LayoutAdminUi,createLayoutAdminUi}from"./LayoutAdminUi.js";export{LayoutUserUi,createLayoutUserUi}from"./LayoutUserUi.js";export{ExitToolModeFab}from"./call-to-action/ExitToolModeFab.js";export*from"./svg-throbber-3d/index.js";

package/dist/configurator/ui/phoenix-layout-elements/language/LocaleIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const LocaleIcon: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, "align" | "alignContent" | "alignItems" | "alignSelf" | "bgcolor" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "bottom" | "boxShadow" | "boxSizing" | "children" | "className" | "classes" | "color" | "columnGap" | "display" | "displayPrint" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridRow" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "gutterBottom" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "m" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginX" | "marginY" | "maxHeight" | "maxWidth" | "mb" | "minHeight" | "minWidth" | "ml" | "mr" | "mt" | "mx" | "my" | "noWrap" | "order" | "overflow" | "p" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingX" | "paddingY" | "paragraph" | "pb" | "pl" | "position" | "pr" | "pt" | "px" | "py" | "right" | "rowGap" | "style" | "sx" | "textAlign" | "textOverflow" | "textTransform" | "top" | "typography" | "variant" | "variantMapping" | "visibility" | "whiteSpace" | "width" | "zIndex"> & {
+    component?: React.ElementType;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/configurator/ui/phoenix-layout-elements/language/LocaleIcon.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Typography as r,styled as e}from"@mui/material";export const LocaleIcon=e(e=>o(r,{component:"span",...e}))(()=>({color:"inherit",textTransform:"uppercase",whiteSpace:"nowrap"}));

package/dist/configurator/ui/phoenix-layout-elements/language/use-locale-options.d.ts

@@ -0,0 +1,4 @@
+export declare const useLocaleOptions: () => {
+    locale: string;
+    displayName: string;
+}[];

package/dist/configurator/ui/phoenix-layout-elements/language/use-locale-options.js

@@ -0,0 +1 @@
+import{useMemo as a}from"react";import{applicationConfigComponent as e}from"#package/domain";import{useFirstRootComponent as t}from"#package/react-sdk";export const useLocaleOptions=()=>{let o=t(e),r=a(()=>o?.state.availableLocales??["en"],[o]);return a(()=>r.map(a=>{let e=new Intl.DisplayNames([a],{type:"language",fallback:"code"});return{locale:a,displayName:e.of(a)??a}}),[r])};

package/dist/configurator/ui/phoenix-layout-elements/measurements/DimensionUnitSelector.d.ts

@@ -0,0 +1 @@
+export declare const DimensionUnitSelector: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/configurator/ui/phoenix-layout-elements/measurements/DimensionUnitSelector.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCallback as e,useMemo as i}from"react";import{match as m}from"ts-pattern";import{DimensionUnit as r}from"#package/domain";import{useAnalyticsService as a,useDimensionConfig as o,useDimensionState as n,useDimensions as l,useLocalizable as s}from"#package/react-sdk";import{ToggleSelector as c}from"#package/ui-sdk";import{FrontendAnalyticsFactory as u}from"../../../common/index.js";let h=o=>{let{value:n}=o,s=a(),{setGlobalUnit:h}=l(),p=e(()=>{s.push(u.GlobalDimensionsButtonClicked(n)),h(n)},[s,n,h]),f=i(()=>m(n).with(r.mm,()=>"mm").with(r.cm,()=>"cm").with(r.m,()=>"m").with(r.inch,()=>"in").with(r.feet,()=>"ft").exhaustive(),[n]),d=i(()=>m(n).with(r.mm,()=>"millimeter").with(r.cm,()=>"centimeter").with(r.m,()=>"meter").with(r.inch,()=>"inches").with(r.feet,()=>"feet").exhaustive(),[n]);return t(c.Item,{value:n,"aria-label":d,onClick:p,children:f})},p={id:"sdk.toolbar.measurements.units.aria",message:"Measurement unit setup"};export const DimensionUnitSelector=()=>{let{availableDimensions:e}=o(),{unit:i}=n(),m=s(p);return e.length<=1?null:t(c.Root,{"aria-label":m,value:i,exclusive:!0,columnCount:"auto-fit",sx:{maxWidth:500},children:e.map(e=>t(h,{value:e},e))})};

package/dist/configurator/ui/phoenix-layout-elements/measurements/MeasurementsIcon.d.ts

@@ -0,0 +1,6 @@
+import { DimensionUnit } from '#package/domain';
+export interface MeasurementsIconProps {
+    readonly unit: DimensionUnit;
+    readonly icons?: Partial<Record<DimensionUnit, string>>;
+}
+export declare const MeasurementsIcon: (props: MeasurementsIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/measurements/MeasurementsIcon.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{DimensionUnit as m}from"#package/domain";import{PhxIcon as t}from"#package/ui-sdk";let r={[m.mm]:"CustomMeasureMm",[m.cm]:"CustomMeasureCm",[m.m]:"CustomMeasureM",[m.inch]:"CustomMeasureIn",[m.feet]:"CustomMeasureFt"};export const MeasurementsIcon=m=>{let{unit:s,icons:o}=m;return e(t,{name:o?.[s]??r[s]})};

package/dist/configurator/ui/phoenix-layout-elements/measurements/MeasurementsIndicatorsSwitch.d.ts

@@ -0,0 +1 @@
+export declare const MeasurementsIndicatorsSwitch: () => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/phoenix-layout-elements/measurements/MeasurementsIndicatorsSwitch.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Trans as o}from"@lingui/react";import{Switch as t}from"@mui/material";import{useObservableEagerState as i}from"observable-hooks";import{useCallback as r}from"react";import{useAnalyticsService as a,useLocalizable as m}from"#package/react-sdk";import{MobileToolbar as n}from"#package/ui-sdk";import{useConfigurator as s}from"../../../application-runtime/index.js";import{FrontendAnalyticsFactory as c}from"../../../common/frontend-analytics.js";let p={id:"sdk.toolbar.measurements.input.aria",message:"Switch measurements"};export const MeasurementsIndicatorsSwitch=()=>{let d=a(),{canvasSystem:l}=s(),u=i(l.dimensionIndicatorShown$),f=r(()=>{d.push(c.DimensionIndicatorsToggled()),l.toggleDimensionIndicator()},[d,l]),g=m(p);return e(n.SectionItem,{title:e(o,{id:"sdk.toolbar.measurements.indicators.label",message:"Dimension indicators"}),content:e(t,{inputProps:{"aria-label":g},checked:u,onChange:f})})};

package/dist/configurator/ui/phoenix-layout-elements/measurements/use-measurements-visibility.d.ts

@@ -0,0 +1,4 @@
+export declare const useMeasurementsVisibility: (showIndicatorSwitch?: boolean) => {
+    indicatorSwitchShown: boolean;
+    measurementsShown: boolean;
+};

package/dist/configurator/ui/phoenix-layout-elements/measurements/use-measurements-visibility.js

@@ -0,0 +1 @@
+import{applicationConfigComponent as e}from"#package/domain";import{useDimensionConfig as t,useFirstRootComponent as r}from"#package/react-sdk";export const useMeasurementsVisibility=a=>{let i=r(e),{availableDimensions:o}=t(),s=a??i?.state.indicatorSwitch??!0,m=o.length>1;return{indicatorSwitchShown:s,measurementsShown:s||m}};

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/MenuAction.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+interface MenuActionProps {
+    label: ReactNode;
+    icon: ReactNode;
+    onClick: () => void;
+}
+export declare const MenuAction: import("react").MemoExoticComponent<(props: MenuActionProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/MenuAction.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{ListItemIcon as e,ListItemText as i,MenuItem as o}from"@mui/material";import{memo as m}from"react";export const MenuAction=m(m=>{let{label:n,icon:c,onClick:s}=m;return t(o,{onClick:s,children:[r(e,{children:c}),r(i,{children:n})]})});

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/MenuRoutingContext.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+interface MenuRouting {
+    open: boolean;
+    close: () => void;
+    routeContent: ReactNode | null;
+    showContent: (routeContent: ReactNode) => void;
+    showIndex: () => void;
+}
+export declare const MenuRoutingProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMenuRouting: () => MenuRouting;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/MenuRoutingContext.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as r,useEffect as n,useMemo as u,useState as o}from"react";let i=t(null);export const MenuRoutingProvider=({children:t})=>{let[r,l]=o(null),[s,m]=o(!1);n(()=>{if(s)return;let e=setTimeout(()=>{l(null)},500);return()=>{clearTimeout(e)}},[s]);let c=u(()=>({open:s,close:()=>{m(!1)},routeContent:r,showContent:e=>{l(e),m(!0)},showIndex:()=>{m(!0),l(null)}}),[r,s]);return e(i.Provider,{value:c,children:t})};export const useMenuRouting=()=>{let e=r(i);if(!e)throw Error("useMenuRouting must be used within a MenuRoutingProvider");return e};

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/RoutingMenuAction.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+interface RoutingMenuActionProps {
+    children: ReactNode;
+    label: ReactNode;
+    icon: ReactNode;
+}
+export declare const RoutingMenuAction: import("react").MemoExoticComponent<(props: RoutingMenuActionProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/configurator/ui/phoenix-layout-elements/menu-actions/RoutingMenuAction.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{memo as t}from"react";import{MenuAction as r}from"./MenuAction.js";import{useMenuRouting as n}from"./MenuRoutingContext.js";export const RoutingMenuAction=t(t=>{let{children:e,label:i,icon:m}=t,{showContent:c}=n();return o(r,{label:i,icon:m,onClick:()=>{c(e)}})});

package/dist/configurator/ui/phoenix-layout-elements/share/ShareModal.d.ts

@@ -0,0 +1,5 @@
+interface ShareModalProps {
+    onClose: () => void;
+}
+export declare const ShareModal: import("react").MemoExoticComponent<(props: ShareModalProps) => import("react/jsx-runtime").JSX.Element>;
+export {};