@salsita-ai/sdk 0.50.0-develop.b5468d6828 → 0.50.0-develop.b5d443db78

package/dist/react-sdk/session/NotAuthenticatedPage.d.ts

@@ -1,4 +1,8 @@
 import { type PhoenixLayoutElementRegistration } from '#package/domain';
 export declare const createNotAuthenticatedPage: (Element: () => JSX.Element) => PhoenixLayoutElementRegistration;
 export type CreateNotAuthenticatedPage = (Element: () => JSX.Element) => PhoenixLayoutElementRegistration;
+/**
+ * Renders the `NotAuthenticatedPage` element. Its default, the configurator's built-in page, comes from
+ * `defaultConfiguratorElements`; a project element registered under the name replaces it.
+ */
 export declare const NotAuthenticatedPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/react-sdk/session/NotAuthenticatedPage.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{createCustomPhoenixLayoutElement as e}from"#package/domain";import{PhoenixLayoutElement as o}from"../elements/index.js";import{ConfigurationNotFoundPage as a}from"./ConfigurationNotFoundPage.js";let r="NotAuthenticatedPage";export const createNotAuthenticatedPage=t=>e(r,t);let n=()=>t(a,{});export const NotAuthenticatedPage=()=>t(o,{name:r,elementProps:{},defaultSlot:n});
+import{jsx as e}from"react/jsx-runtime";import{createCustomPhoenixLayoutElement as t}from"#package/domain";import{PhoenixLayoutElement as o}from"../elements/index.js";let a="NotAuthenticatedPage";export const createNotAuthenticatedPage=e=>t(a,e);export const NotAuthenticatedPage=()=>e(o,{name:a,elementProps:{}});

package/dist/react-sdk/session/SessionServiceProvider.d.ts

@@ -2,5 +2,10 @@ import type { ComponentType, ReactNode } from 'react';
 export interface SessionProviderProps {
     readonly children: ReactNode;
     readonly notAuthenticatedFallback?: ComponentType;
+    /**
+     * Shown while the session authenticates, unless a loader host shows the application's loader; an
+     * application without a loader host passes its loader here. Defaults to rendering nothing.
+     */
+    readonly loadingFallback?: ComponentType;
 }
 export declare const SessionServiceProvider: (props: SessionProviderProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/react-sdk/session/SessionServiceProvider.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useCallback as t,useEffect as o,useMemo as i}from"react";import{distinctUntilChanged as n,filter as a,skip as r}from"rxjs";import{match as s}from"ts-pattern";import{standardWebComponentEvents as l,standardWebComponentProperties as d}from"#package/domain";import{Loader as c}from"#package/ui-sdk";import{DomainSessionProvider as u,INTEGRATION_MODE_SETTINGS as h,SessionProvider as m,useApplicationRuntime as g,useApplicationRuntimeSelector as p,useDispatchWebComponentEvent as f,useLogger as S,useRawSession as k,useSessionService as v,useWebComponentProperty$ as x,useWebComponentPropertyValue as w}from"../application-runtime/index.js";import{usePatientObservableValue as T}from"../domain-context/index.js";import{BuiltInLoadingPhase as j,useLoadingPhase as b,useLoadingStateManager as C}from"../loading-state/index.js";import{NotAuthenticatedPage as A}from"./NotAuthenticatedPage.js";let U="code";export const SessionServiceProvider=E=>{let{children:P,notAuthenticatedFallback:z=A}=E,F=g(),$=S(),q=v(),M=k(),N=p(F.selectors.session.getSession),R=p(F.selectors.sessionContext.getSessionContext),y=w(d.sessionToken),L=w(d.adminSessionToken),W=w(d.refreshToken),B=x(d.integrationMode),D=x(d.authorizationCode),G=t(()=>{if(D.value){let e=B.value;"local-storage"===h[e].authenticationStorage&&$.warn(`authorizationCode WC prop used in '${e}' mode. This is discouraged — tokens stored in localStorage leak across tabs. Use 'handoff' or 'headless' mode instead.`);let t=D.value;return D.next(void 0),t}if(h[B.value].consumeCodeFromUrl){let e=new URL(window.location.href),t=e.searchParams.get(U);return e.searchParams.delete(U),history.replaceState(null,"",e),t??void 0}},[D,B,$]),H=T(i(()=>D.pipe(r(1),a(e=>void 0!==e),n()),[D]),void 0),I=h[w(d.integrationMode)].authenticationStorage,J=f(l.authenticationFailed),K=i(()=>s(I).with("local-storage",()=>localStorage).with("session-storage",()=>sessionStorage).exhaustive(),[I]);o(()=>{q.configure({initialSessionToken:y,initialAdminSessionToken:L,initialRefreshToken:W,retrieveAuthorizationCode:G,dispatchAuthenticationFailed:J,storage:K})},[q,y,L,W,G,J,K]),o(()=>{"loading"===M.authenticated&&q.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);$.warn("Session could not be authenticated",{},t)})},[q,M.authenticated,$]),o(()=>{H&&($.debug("New authorization code received, re-authenticating session"),q.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);$.warn("Session could not be authenticated",{},t)}))},[H,q,$]);let O=null!==C();return(b({id:j.SessionAuth,label:"Authenticating session…"},"loading"===M.authenticated),"loading"===M.authenticated)?O?null:e(c,{}):"error"===M.authenticated?e(m,{value:M,children:e(z,{})}):null===R?null:e(m,{value:N,children:e(u,{value:R,children:P})})};
+import{jsx as e}from"react/jsx-runtime";import{useCallback as t,useEffect as o,useMemo as n}from"react";import{distinctUntilChanged as i,filter as a,skip as r}from"rxjs";import{match as s}from"ts-pattern";import{standardWebComponentEvents as l,standardWebComponentProperties as d}from"#package/domain";import{DomainSessionProvider as c,INTEGRATION_MODE_SETTINGS as u,SessionProvider as h,useApplicationRuntime as m,useApplicationRuntimeSelector as g,useDispatchWebComponentEvent as f,useIsLoaderHosted as p,useLogger as S,useRawSession as k,useSessionService as v,useWebComponentProperty$ as x,useWebComponentPropertyValue as w}from"../application-runtime/index.js";import{usePatientObservableValue as T}from"../domain-context/index.js";import{BuiltInLoadingPhase as b,useLoadingPhase as j}from"../loading-state/index.js";import{NotAuthenticatedPage as C}from"./NotAuthenticatedPage.js";let A="code",U=()=>null;export const SessionServiceProvider=E=>{let{children:F,notAuthenticatedFallback:P=C,loadingFallback:z=U}=E,$=m(),q=S(),M=v(),N=k(),R=g($.selectors.session.getSession),y=g($.selectors.sessionContext.getSessionContext),L=w(d.sessionToken),W=w(d.adminSessionToken),B=w(d.refreshToken),D=x(d.integrationMode),G=x(d.authorizationCode),H=t(()=>{if(G.value){let e=D.value;"local-storage"===u[e].authenticationStorage&&q.warn(`authorizationCode WC prop used in '${e}' mode. This is discouraged — tokens stored in localStorage leak across tabs. Use 'handoff' or 'headless' mode instead.`);let t=G.value;return G.next(void 0),t}if(u[D.value].consumeCodeFromUrl){let e=new URL(window.location.href),t=e.searchParams.get(A);return e.searchParams.delete(A),history.replaceState(null,"",e),t??void 0}},[G,D,q]),I=T(n(()=>G.pipe(r(1),a(e=>void 0!==e),i()),[G]),void 0),J=u[w(d.integrationMode)].authenticationStorage,K=f(l.authenticationFailed),O=n(()=>s(J).with("local-storage",()=>localStorage).with("session-storage",()=>sessionStorage).exhaustive(),[J]);o(()=>{M.configure({initialSessionToken:L,initialAdminSessionToken:W,initialRefreshToken:B,retrieveAuthorizationCode:H,dispatchAuthenticationFailed:K,storage:O})},[M,L,W,B,H,K,O]),o(()=>{"loading"===N.authenticated&&M.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);q.warn("Session could not be authenticated",{},t)})},[M,N.authenticated,q]),o(()=>{I&&(q.debug("New authorization code received, re-authenticating session"),M.requestSessionToken().catch(e=>{let t=e instanceof Error?e:Error(`Unknown error ${e}`);q.warn("Session could not be authenticated",{},t)}))},[I,M,q]);let Q=p();return(j({id:b.SessionAuth,label:"Authenticating session…"},"loading"===N.authenticated),"loading"===N.authenticated)?Q?null:e(z,{}):"error"===N.authenticated?e(h,{value:N,children:e(P,{})}):null===y?null:e(h,{value:R,children:e(c,{value:y,children:F})})};

package/dist/react-sdk/web-component/create-web-component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{createRoot as t}from"react-dom/client";import{Subject as r,Subscription as o,filter as s,scan as i}from"rxjs";import{v4 as n}from"uuid";import{standardWebComponentEvents as a,standardWebComponentProperties as l}from"#package/domain";import{WebComponentApp as c}from"./WebComponentApp.js";import{createEventDispatcher as u,createStorage as p,createWebComponentApi as h}from"./create-web-component-api.js";import{createAttributeNameToPropertyMap as b,createEventTypeByDescriptorMap as d,deriveWebComponentContract as m}from"./web-component-contract.js";let f=Symbol("storagesByPropertyDescriptor"),y=Symbol("reactRoot"),g=Symbol("pendingDisconnection"),v=Symbol("setProperty"),j=Symbol("activeSubscriptions"),S=Symbol("propertiesWithStorages"),P=Symbol("container"),w=Symbol("applicationRuntime"),C=Symbol("webComponentApi"),A=Symbol("PreviousPropertyValues"),E=Symbol("Events"),O=Symbol("Uuid"),$=(e,t,r)=>{let o=t?.attributeParser;if(!o)throw Error("Attribute parser is not defined");try{let e=o(r);return{success:!0,data:e}}catch(t){return console.error(`Failed to parse attribute ${e}, ignoring`,t),{success:!1}}};export const createWebComponent=x=>{let{RootComponent:k,webComponentOptions:D,embeddedIntegration:B,applicationRuntimeFactory:W}=x,F=m(D),{properties:M,events:V}=F,q=b(M),N=d(V),R=class Salsita3dConfigurator extends HTMLElement{[f];[y];[g]=null;[j]=[];[S];[P];[w];[C];[A]=new Map;[E]=new r;[O]=n();get applicationRuntime(){return this[w]}static observedAttributes=Array.from(q.keys());[v](e,t,r){let o=t.schema.safeParse(r);if(!o.success)return void console.error(`Invalid value provided for property ${e}, ignoring`,o.error);let s=this[f].get(t);if(!s)return void console.error(`Subject not found for property descriptor of ${e}`);let i=s.isSet;s.isSet=!0,i&&s.subject.value===o.data||s.subject.next(o.data)}constructor(){super(),this[P]=this.attachShadow({mode:"closed"}),this[S]=Object.entries(M).map(([e,t])=>{if(Object.prototype.hasOwnProperty.call(this,e)){let r=t.schema.safeParse(this[e]);if(delete this[e],r.success)return{name:e,propertyDescriptor:t,storage:p(t,r.data)};console.error(`Failed to validate property ${e}, ignoring`,r.error)}if(t.attributeParser&&t.attributeNames){let r=t.attributeNames.map(e=>this.getAttribute(e)).find(e=>null!==e)??null;if(null!==r){let o=$(e,t,r);if(o.success){let r=t.schema.safeParse(o.data);if(r.success)return{name:e,propertyDescriptor:t,storage:p(t,r.data)};console.error(`Failed to validate attribute ${e}, ignoring`,r.error)}}}return{name:e,propertyDescriptor:t,storage:p(t,t.defaultValue)}}),this[f]=new Map(this[S].map(({propertyDescriptor:e,storage:t})=>[e,t])),this[C]=h({element:this,eventTypeByDescriptor:N,events:this[E],propertiesWithStorages:this[S],storagesByPropertyDescriptor:this[f]}),this[w]=W({webComponentOptions:F,webComponentApi:this[C]})}connectedCallback(){let r;if(null!==this[g]){this[g]=null,this[w].actions.webComponent.startNewGeneration();return}let n=this[w],p=this[C],h=u({element:this,eventTypeByDescriptor:N,storagesByPropertyDescriptor:this[f]},!0),b=this[S].map(({name:e,storage:t})=>t.subject.pipe(i((e,t)=>[e[1],t],[t.subject.value,t.subject.value]),s(([e,t])=>e!==t)).subscribe(([t,r])=>{h(a.propertyChanged,{name:e,oldValue:t,newValue:r})})),d=e=>{if(e)for(let[t,r]of Object.entries(e)){let e=this[S].find(({name:e})=>e===t);if(e){let{storage:o,propertyDescriptor:s}=e;this[A].has(t)||this[A].set(t,o.subject.value);let i=s.schema.safeParse(r);i.success?(o.subject.next(i.data),o.isSet=!0):console.error(`Failed to apply web component property override for "${t}":`,i.error)}}else{for(let[e,t]of this[A]){let r=this[S].find(({name:t})=>t===e);if(r){let{storage:e}=r;e.subject.next(t)}}this[A].clear()}},m=new o(n.subscribe(()=>{let e=n.selectors.overrides.getWebComponentProperties();e!==r&&(r=e,d(e))}));this[j]=[...b,m],this[y]=t(this[P]),this[y].render(e(c,{runtime:n,container:this[P],children:e(k,{})}));let v=p.getPropertyValue(l.onAttached);if(v)try{v(this)}catch(e){console.error("Error in onAttached handler",e)}this.dispatchEvent(new CustomEvent("attached",{bubbles:!0}))}disconnectedCallback(){let e={};this[g]=e,queueMicrotask(()=>{this[g]===e&&(this[g]=null,this[j].forEach(e=>{e.unsubscribe()}),this[y]?.unmount(),this[y]=void 0)})}attributeChangedCallback(e,t,r){let o=q.get(e);if(!o)throw Error(`Property descriptor not found for attribute: ${e}, despite the attribute being observed`);if(null===r)return o.required?void console.error(`Cannot unset a required attribute ${e}, ignoring`):void this[v](e,o,o.defaultValue);let s=$(e,o,r);s.success&&this[v](e,o,s.data)}};return Object.entries(M).forEach(([e,t])=>{Object.defineProperty(R.prototype,e,{enumerable:!0,configurable:!1,get(){return this[f].get(t).subject.value},set(r){this[v](e,t,r)}})}),B&&(Object.defineProperty(R.prototype,"$events",{enumerable:!1,configurable:!1,get(){return this[E]}}),Object.defineProperty(R.prototype,"uuid",{enumerable:!1,configurable:!1,get(){return this[O]}})),R};
+import{jsx as e}from"react/jsx-runtime";import{createRoot as t}from"react-dom/client";import{Subject as r,Subscription as o,filter as s,scan as i}from"rxjs";import{v4 as n}from"uuid";import{standardWebComponentEvents as a,standardWebComponentProperties as l,webComponentAttributeParsers as c}from"#package/domain";import{WebComponentApp as u}from"./WebComponentApp.js";import{createEventDispatcher as p,createStorage as h,createWebComponentApi as b}from"./create-web-component-api.js";import{registerGodModeTarget as d}from"./god-mode/index.js";import{createAttributeNameToPropertyMap as m,createEventTypeByDescriptorMap as f,deriveWebComponentContract as y}from"./web-component-contract.js";let g=Symbol("storagesByPropertyDescriptor"),v=Symbol("reactRoot"),j=Symbol("pendingDisconnection"),S=Symbol("setProperty"),P=Symbol("activeSubscriptions"),w=Symbol("propertiesWithStorages"),C=Symbol("container"),A=Symbol("applicationRuntime"),x=Symbol("webComponentApi"),E=Symbol("PreviousPropertyValues"),O=Symbol("Events"),$=Symbol("Uuid"),k=(e,t,r)=>{let o=t?.attributeParser;if(!o)throw Error("Attribute parser is not defined");let s=o===c.boolean&&r===e?"":r;try{let e=o(s);return{success:!0,data:e}}catch(t){return console.error(`Failed to parse attribute ${e}, ignoring`,t),{success:!1}}};export const createWebComponent=c=>{let{RootComponent:D,webComponentOptions:B,embeddedIntegration:M,applicationRuntimeFactory:W}=c,F=y(B),{properties:V,events:q}=F,N=m(V),R=f(q),T=class Salsita3dConfigurator extends HTMLElement{[g];[v];[j]=null;[P]=[];[w];[C];[A];[x];[E]=new Map;[O]=new r;[$]=n();get applicationRuntime(){return this[A]}static observedAttributes=Array.from(N.keys());[S](e,t,r){let o=t.schema.safeParse(r);if(!o.success)return void console.error(`Invalid value provided for property ${e}, ignoring`,o.error);let s=this[g].get(t);if(!s)return void console.error(`Subject not found for property descriptor of ${e}`);let i=s.isSet;s.isSet=!0,i&&s.subject.value===o.data||s.subject.next(o.data)}constructor(){super(),this[C]=this.attachShadow({mode:"closed"}),this[w]=Object.entries(V).map(([e,t])=>{if(Object.prototype.hasOwnProperty.call(this,e)){let r=t.schema.safeParse(this[e]);if(delete this[e],r.success)return{name:e,propertyDescriptor:t,storage:h(t,r.data)};console.error(`Failed to validate property ${e}, ignoring`,r.error)}if(t.attributeParser&&t.attributeNames){let r=t.attributeNames.find(e=>this.hasAttribute(e)),o=void 0===r?null:this.getAttribute(r);if(void 0!==r&&null!==o){let s=k(r,t,o);if(s.success){let o=t.schema.safeParse(s.data);if(o.success)return{name:e,propertyDescriptor:t,storage:h(t,o.data)};console.error(`Failed to validate attribute ${r}, ignoring`,o.error)}}}return{name:e,propertyDescriptor:t,storage:h(t,t.defaultValue)}}),this[g]=new Map(this[w].map(({propertyDescriptor:e,storage:t})=>[e,t])),this[x]=b({element:this,eventTypeByDescriptor:R,events:this[O],propertiesWithStorages:this[w],storagesByPropertyDescriptor:this[g]}),this[A]=W({webComponentOptions:F,webComponentApi:this[x]})}connectedCallback(){let r;if(null!==this[j]){this[j]=null,this[A].actions.webComponent.startNewGeneration();return}let n=this[A],c=this[x],h=p({element:this,eventTypeByDescriptor:R,storagesByPropertyDescriptor:this[g]},!0),b=this[w].map(({name:e,storage:t})=>t.subject.pipe(i((e,t)=>[e[1],t],[t.subject.value,t.subject.value]),s(([e,t])=>e!==t)).subscribe(([t,r])=>{h(a.propertyChanged,{name:e,oldValue:t,newValue:r})})),m=e=>{if(e)for(let[t,r]of Object.entries(e)){let e=this[w].find(({name:e})=>e===t);if(e){let{storage:o,propertyDescriptor:s}=e;this[E].has(t)||this[E].set(t,o.subject.value);let i=s.schema.safeParse(r);i.success?(o.subject.next(i.data),o.isSet=!0):console.error(`Failed to apply web component property override for "${t}":`,i.error)}}else{for(let[e,t]of this[E]){let r=this[w].find(({name:t})=>t===e);if(r){let{storage:e}=r;e.subject.next(t)}}this[E].clear()}},f=new o(n.subscribe(()=>{let e=n.selectors.overrides.getWebComponentProperties();e!==r&&(r=e,m(e))})),y=new o(d(this,n.actions.environment.setGodMode));this[P]=[...b,f,y],this[v]=t(this[C]),this[v].render(e(u,{runtime:n,container:this[C],children:e(D,{})}));let S=c.getPropertyValue(l.onAttached);if(S)try{S(this)}catch(e){console.error("Error in onAttached handler",e)}this.dispatchEvent(new CustomEvent("attached",{bubbles:!0}))}disconnectedCallback(){let e={};this[j]=e,queueMicrotask(()=>{this[j]===e&&(this[j]=null,this[P].forEach(e=>{e.unsubscribe()}),this[v]?.unmount(),this[v]=void 0)})}attributeChangedCallback(e,t,r){let o=N.get(e);if(!o)throw Error(`Property descriptor not found for attribute: ${e}, despite the attribute being observed`);if(null===r)return o.required?void console.error(`Cannot unset a required attribute ${e}, ignoring`):void this[S](e,o,o.defaultValue);let s=k(e,o,r);s.success&&this[S](e,o,s.data)}};return Object.entries(V).forEach(([e,t])=>{Object.defineProperty(T.prototype,e,{enumerable:!0,configurable:!1,get(){return this[g].get(t).subject.value},set(r){this[S](e,t,r)}})}),M&&(Object.defineProperty(T.prototype,"$events",{enumerable:!1,configurable:!1,get(){return this[O]}}),Object.defineProperty(T.prototype,"uuid",{enumerable:!1,configurable:!1,get(){return this[$]}})),T};

package/dist/react-sdk/web-component/god-mode/god-mode-registry.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Turns god mode on or off from the browser console, for the applications mounted on the page.
+ *
+ * - `window.__salsita.setGodMode(true)` switches every mounted application and remembers the value
+ *   for the tab's session, so applications created later, and after a reload, start with it.
+ * - `window.__salsita.setGodMode(true, $0)` switches only the application whose custom element is
+ *   given, here the one selected in the browser's element inspector.
+ * - `window.__salsita.setGodMode(false, 'my-configurator')` switches only the application whose
+ *   custom element is the first match of the CSS selector.
+ *
+ * A targeted call is not remembered. A target that matches no mounted application changes
+ * nothing and logs an error.
+ */
+export type SetGodMode = (godMode: boolean, target?: Element | string) => void;
+declare global {
+    interface Window {
+        __salsita: {
+            setGodMode: SetGodMode;
+        };
+    }
+}
+/**
+ * Makes a mounted application reachable through `window.__salsita.setGodMode` (see
+ * {@link SetGodMode}) and installs the global. Returns the function that removes the application
+ * again.
+ *
+ * @param element The application's custom element, which a targeted call names.
+ * @param setRuntimeGodMode Publishes the value to the application's own runtime.
+ */
+export declare const registerGodModeTarget: (element: Element, setRuntimeGodMode: (godMode: boolean) => void) => (() => void);

package/dist/react-sdk/web-component/god-mode/god-mode-registry.js

@@ -0,0 +1 @@
+import{GOD_MODE_SESSION_STORAGE_KEY as e}from"#package/domain";let t=new Map,o=(o,n)=>{if(void 0===n){sessionStorage.setItem(e,o.toString()),t.forEach(e=>{e(o)});return}let i="string"==typeof n?document.querySelector(n):n,r=null===i?void 0:t.get(i);void 0===r?console.error("setGodMode: the target is not the element of a mounted application; nothing changed.",n):r(o)};export const registerGodModeTarget=(e,n)=>(t.set(e,n),window.__salsita={...window.__salsita,setGodMode:o},()=>{t.get(e)===n&&t.delete(e)});

package/dist/react-sdk/web-component/god-mode/index.d.ts

@@ -0,0 +1 @@
+export { registerGodModeTarget, type SetGodMode } from './god-mode-registry.js';

package/dist/react-sdk/web-component/god-mode/index.js

@@ -0,0 +1 @@
+export{registerGodModeTarget}from"./god-mode-registry.js";

package/dist/ui-sdk/components/numerical-input/InputField.d.ts

@@ -37,5 +37,7 @@ export interface NumericalInputFieldProps extends NumericalInputCommonProps {
     autoFocus?: boolean;
     formatValue?: (value: number) => string;
     parseValue?: (value: string) => number | null;
+    /** The accessible name of the input element, for a field shown without a `label`. */
+    'aria-label'?: string;
 }
 export declare const InputField: import("react").MemoExoticComponent<(props: NumericalInputFieldProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/ui-sdk/components/numerical-input/InputField.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{InputAdornment as e,TextField as r,styled as l,tooltipClasses as n,useThemeProps as i}from"@mui/material";import{memo as o,useCallback as a,useState as u}from"react";import{TooltipWithArrow as s}from"../tooltip/TooltipWithArrow.js";let m=l(r,{name:"PhxNumericalInput",slot:"inputField"})({});export const InputField=o(r=>{let{hintMessage:l,value:o,hasError:p,onChange:d,onChanged:c,onKeyDown:h,startAdornment:x,unit:f,helperText:v,disabled:b,fullWidth:g=!0,label:N,size:j,sx:F,invalidNumberErrorMessage:I,variant:T,autoFocus:y,parseValue:A=Number,formatValue:P=String}=r,[W,w]=u(null),[C,E]=u(null),{variant:L}=i({props:{variant:T},name:"PhxNumericalInput"}),k=a(t=>{w(t.target.value);let e=A(t.target.value);null===e||isNaN(e)?E(I):(E(null),d?.(e))},[d,I,A]),z=a(()=>{w(null),E(null),c?.()},[c]),B=a(t=>{"Enter"===t.key&&t.target.blur(),h?.(t)},[h]),D=a(t=>{y&&t&&setTimeout(()=>{t.focus(),t.select()},0)},[y]),K=null!=C||p;return t(s,{isError:K,title:!b&&(C??l),disableFocusListener:y,placement:"bottom",sx:{[`& .${n.tooltip}`]:{maxWidth:250}},children:t(m,{hiddenLabel:!N,label:N,value:W??P(o),onChange:k,onBlur:z,onKeyDown:B,error:K,variant:L,helperText:v,disabled:b,fullWidth:g,size:j,sx:{justifyContent:"center",...F},InputProps:{inputRef:D,startAdornment:x?t(e,{position:"start",children:x}):void 0,endAdornment:f?t(e,{position:"end",children:f}):void 0}})})});
+import{jsx as t}from"react/jsx-runtime";import{InputAdornment as e,TextField as r,styled as l,tooltipClasses as i,useThemeProps as n}from"@mui/material";import{memo as o,useCallback as a,useState as u}from"react";import{TooltipWithArrow as s}from"../tooltip/TooltipWithArrow.js";let p=l(r,{name:"PhxNumericalInput",slot:"inputField"})({});export const InputField=o(r=>{let{hintMessage:l,value:o,hasError:m,onChange:d,onChanged:c,onKeyDown:h,startAdornment:x,unit:b,helperText:f,disabled:v,fullWidth:g=!0,label:N,size:j,sx:F,invalidNumberErrorMessage:I,variant:P,autoFocus:T,parseValue:y=Number,formatValue:A=String,"aria-label":W}=r,[w,C]=u(null),[E,L]=u(null),{variant:k}=n({props:{variant:P},name:"PhxNumericalInput"}),z=a(t=>{C(t.target.value);let e=y(t.target.value);null===e||isNaN(e)?L(I):(L(null),d?.(e))},[d,I,y]),B=a(()=>{C(null),L(null),c?.()},[c]),D=a(t=>{"Enter"===t.key&&t.target.blur(),h?.(t)},[h]),K=a(t=>{T&&t&&setTimeout(()=>{t.focus(),t.select()},0)},[T]),R=null!=E||m;return t(s,{isError:R,title:!v&&(E??l),disableFocusListener:T,placement:"bottom",sx:{[`& .${i.tooltip}`]:{maxWidth:250}},children:t(p,{hiddenLabel:!N,label:N,value:w??A(o),onChange:z,onBlur:B,onKeyDown:D,error:R,variant:k,helperText:f,disabled:v,fullWidth:g,size:j,sx:{justifyContent:"center",...F},inputProps:{"aria-label":W},InputProps:{inputRef:K,startAdornment:x?t(e,{position:"start",children:x}):void 0,endAdornment:b?t(e,{position:"end",children:b}):void 0}})})});

package/dist/ui-sdk/components/numerical-input/NumericalInput.d.ts

@@ -1,8 +1,8 @@
 import type { NumericalInputFieldProps } from './InputField.js';
 import type { SliderProps } from './Slider.js';
 import { Slider } from './Slider.js';
-type InputFieldSpecificProps = 'sx' | 'label' | 'invalidNumberErrorMessage' | 'fullWidth' | 'startAdornment' | 'disabled' | 'parseValue' | 'formatValue';
-type SliderSpecificProps = 'step' | 'marks';
+type InputFieldSpecificProps = 'sx' | 'label' | 'invalidNumberErrorMessage' | 'fullWidth' | 'startAdornment' | 'disabled' | 'parseValue' | 'formatValue' | 'aria-label';
+type SliderSpecificProps = 'step' | 'marks' | 'getAriaLabel';
 export type NumericalInputSliderProps = Pick<SliderProps, SliderSpecificProps>;
 export type NumericalInputInputFieldProps = Pick<NumericalInputFieldProps, InputFieldSpecificProps>;
 export interface NumericalInputProps extends Omit<SliderProps, SliderSpecificProps>, Omit<NumericalInputFieldProps, InputFieldSpecificProps> {

package/dist/ui-sdk/components/numerical-input/Slider.d.ts

@@ -16,5 +16,7 @@ export interface SliderProps extends NumericalInputCommonProps {
     }>;
     max?: number;
     min?: number;
+    /** The accessible name of the slider's thumb; `index` is always 0, as the slider has one. */
+    getAriaLabel?: (index: number) => string;
 }
-export declare const Slider: ({ hasError, max, min, unit, onChange, onChanged, disabled, marks, valueLabelFormat, step, onKeyDown, value, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Slider: ({ hasError, max, min, unit, onChange, onChanged, disabled, marks, valueLabelFormat, step, onKeyDown, value, getAriaLabel, }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui-sdk/components/numerical-input/Slider.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slider as i,Stack as t,Typography as o,alpha as a,styled as n,useTheme as l}from"@mui/material";import{useCallback as d}from"react";import{isArray as m}from"@salsita-ai/common/utils";let s=n(i,{name:"PhxNumericalInput",slot:"slider"})({}),p=n(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));export const Slider=({hasError:i,max:n,min:c,unit:u,onChange:f,onChanged:h,disabled:v,marks:x,valueLabelFormat:y,step:b,onKeyDown:w,value:S})=>{let j=l(),C=d((e,r)=>{if(f){if(m(r))return void f(r[0]??0);f(r)}},[f]),g=d(e=>y?y(e):u?`${e} ${u}`:String(e),[y,u]);if(void 0===n||void 0===c)throw Error('<NumericInput/> requires "max" and "min" to be defined when used with "withSlider" or "withSliderOnly" props');return r(t,{children:[e(s,{marks:x,valueLabelFormat:y,step:b,onKeyDown:w,disabled:v,onChangeCommitted:h,onChange:C,valueLabelDisplay:"off",value:S,max:n,min:c,color:i?"error":"primary"}),!x&&r(p,{sx:{color:v?a(j.palette.text.primary,j.palette.action.disabledOpacity):void 0},children:[e(o,{variant:"body2",children:void 0!==c&&g(c)}),e(o,{variant:"body2",children:void 0!==n&&g(n)})]})]})};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slider as i,Stack as t,Typography as o,alpha as a,styled as n,useTheme as l}from"@mui/material";import{useCallback as d}from"react";import{isArray as m}from"@salsita-ai/common/utils";let s=n(i,{name:"PhxNumericalInput",slot:"slider"})({}),p=n(t)(()=>({flexDirection:"row",justifyContent:"space-between"}));export const Slider=({hasError:i,max:n,min:c,unit:u,onChange:f,onChanged:h,disabled:v,marks:x,valueLabelFormat:b,step:y,onKeyDown:w,value:S,getAriaLabel:g})=>{let j=l(),C=d((e,r)=>{if(f){if(m(r))return void f(r[0]??0);f(r)}},[f]),D=d(e=>b?b(e):u?`${e} ${u}`:String(e),[b,u]);if(void 0===n||void 0===c)throw Error('<NumericInput/> requires "max" and "min" to be defined when used with "withSlider" or "withSliderOnly" props');return r(t,{children:[e(s,{marks:x,valueLabelFormat:b,step:y,onKeyDown:w,disabled:v,onChangeCommitted:h,onChange:C,valueLabelDisplay:"off",value:S,max:n,min:c,color:i?"error":"primary",getAriaLabel:g}),!x&&r(p,{sx:{color:v?a(j.palette.text.primary,j.palette.action.disabledOpacity):void 0},children:[e(o,{variant:"body2",children:void 0!==c&&D(c)}),e(o,{variant:"body2",children:void 0!==n&&D(n)})]})]})};

package/dist/ui-sdk/components/snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
-import type { AlertProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
-import type { CustomContentProps, SnackbarContentProps } from 'notistack';
-import type { ElementType } from 'react';
+import type { AlertProps, ButtonProps, ComponentsOverrides, ComponentsVariants } from '@mui/material';
+import type { CustomContentProps, SnackbarContentProps, SnackbarKey } from 'notistack';
+import type { ElementType, ReactNode } from 'react';
 import type { ValueOf } from '@salsita-ai/common/utils';
 /**
  * Centralized registry of CSS class names for notistack's Snackbar components.
@@ -40,6 +40,7 @@ declare module '@mui/material/styles' {
 declare const Slots: {
     readonly Content: 'content';
     readonly Alert: 'alert';
+    readonly ActionButton: 'actionButton';
 };
 type PhxSnackbarSlots = ValueOf<typeof Slots>;
 export declare const SnackbarVariant: {
@@ -49,7 +50,24 @@ export declare const SnackbarVariant: {
     readonly Warning: 'warning';
     readonly Error: 'error';
 };
+/**
+ * A button the snackbar shows after its message, described as data by the code that raises the snackbar.
+ *
+ * It arrives as the `actionButton` option of notistack's `enqueueSnackbar`, which `SnackbarActionButton` of
+ * `@salsita-ai/sdk/react` types, and renders in the `actionButton` slot, so the raising code needs no UI component and
+ * the theme decides the button's look.
+ */
+interface SnackbarActionButtonDescription {
+    /** The button's text. */
+    readonly label: ReactNode;
+    /** Called with the key of the snackbar whose button was clicked. */
+    readonly onClick: (key: SnackbarKey) => void;
+}
 export interface SnackbarProps extends Readonly<CustomContentProps> {
+    /**
+     * A button shown after the message and after `action`, rendered in the `actionButton` slot.
+     */
+    readonly actionButton?: SnackbarActionButtonDescription;
     /**
      * The components used for each slot inside the `Snackbar`.
      *
@@ -58,6 +76,7 @@ export interface SnackbarProps extends Readonly<CustomContentProps> {
      *
      * - `content` — The outer snackbar container (notistack's `SnackbarContent`).
      * - `alert` — The inner alert component displaying the message (`MuiAlert`).
+     * - `actionButton` — The button of `actionButton` (`MuiButton`, `color="inherit"`, `size="small"`).
      *
      * @default {}
      */
@@ -71,12 +90,14 @@ export interface SnackbarProps extends Readonly<CustomContentProps> {
      * Available slot keys:
      * - `content` — Props for the snackbar content wrapper.
      * - `alert` — Props for the alert component (severity, variant, etc.).
+     * - `actionButton` — Props for the button of `actionButton`.
      *
      * @default { alert: { variant: 'standard' } }
      */
     readonly slotProps?: Partial<{
         readonly [Slots.Content]: SnackbarContentProps;
         readonly [Slots.Alert]: AlertProps;
+        readonly [Slots.ActionButton]: ButtonProps;
     }>;
 }
 /**

package/dist/ui-sdk/components/snackbar/Snackbar.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Alert as a,styled as r,useThemeProps as n}from"@mui/material";import{SnackbarContent as e}from"notistack";import{forwardRef as o,useMemo as i}from"react";import{match as c}from"ts-pattern";export const notistackSnackbarClasses={container:"notistack-SnackbarContainer",snackbar:"notistack-Snackbar"};let s="PhxSnackbar",l={Content:r(e,{name:s,slot:"content"})({display:"block"}),Alert:r(a,{name:s,slot:"alert"})({userSelect:"none"})};export const SnackbarVariant={Default:"default",Info:"info",Success:"success",Warning:"warning",Error:"error"};export const Snackbar=o((a,r)=>{let{action:e,id:o,message:k,slotProps:m={alert:{variant:"standard"}},slots:f={},variant:p="info"}=n({props:a,name:s}),S=f.content??l.Content,b=f.alert??l.Alert,u=i(()=>{if(e)return"function"==typeof e?e(o):e},[e,o]);return t(S,{...m.content,ref:r,children:t(b,{...m.alert,severity:c(p).with(SnackbarVariant.Error,()=>p).with(SnackbarVariant.Info,()=>p).with(SnackbarVariant.Success,()=>p).with(SnackbarVariant.Warning,()=>p).otherwise(()=>SnackbarVariant.Info),action:u,"aria-atomic":"true","aria-live":"polite",children:k})})});
+import{jsx as t,jsxs as n,Fragment as a}from"react/jsx-runtime";import{Alert as r,Button as o,styled as i,useThemeProps as e}from"@mui/material";import{SnackbarContent as c}from"notistack";import{forwardRef as s,useMemo as l}from"react";import{match as m}from"ts-pattern";export const notistackSnackbarClasses={container:"notistack-SnackbarContainer",snackbar:"notistack-Snackbar"};let k="PhxSnackbar",u={Content:i(c,{name:k,slot:"content"})({display:"block"}),Alert:i(r,{name:k,slot:"alert"})({userSelect:"none"}),ActionButton:i(o,{name:k,slot:"actionButton"})({})};export const SnackbarVariant={Default:"default",Info:"info",Success:"success",Warning:"warning",Error:"error"};export const Snackbar=s((r,o)=>{let{action:i,actionButton:c,id:s,message:f,slotProps:b={alert:{variant:"standard"}},slots:p={},variant:S="info"}=e({props:r,name:k}),h=p.content??u.Content,d=p.alert??u.Alert,x=p.actionButton??u.ActionButton,w=l(()=>{if(i)return"function"==typeof i?i(s):i},[i,s]),B=l(()=>void 0===c?w:n(a,{children:[w,t(x,{color:"inherit",size:"small",...b.actionButton,onClick:()=>{c.onClick(s)},children:c.label})]}),[x,c,s,w,b.actionButton]);return t(h,{...b.content,ref:o,children:t(d,{...b.alert,severity:m(S).with(SnackbarVariant.Error,()=>S).with(SnackbarVariant.Info,()=>S).with(SnackbarVariant.Success,()=>S).with(SnackbarVariant.Warning,()=>S).otherwise(()=>SnackbarVariant.Info),action:B,"aria-atomic":"true","aria-live":"polite",children:f})})});

package/dist/ui-sdk/icons/__generated/ChatCircleText.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgChatCircleText: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgChatCircleText;

package/dist/ui-sdk/icons/__generated/ChatCircleText.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";export default(l=>a(r,{...l,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:a("path",{d:"M168 112a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8m-8 24H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16m72-8a104 104 0 0 1-152.88 91.82l-34.05 11.35a16 16 0 0 1-20.24-20.24l11.35-34.05A104 104 0 1 1 232 128m-16 0a88 88 0 1 0-164.19 44.06 8 8 0 0 1 .66 6.54L40 216l37.4-12.47a7.9 7.9 0 0 1 2.53-.42 8 8 0 0 1 4 1.08A88 88 0 0 0 216 128"})})}));

package/dist/ui-sdk/icons/__generated/Lightbulb.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgLightbulb: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgLightbulb;

package/dist/ui-sdk/icons/__generated/Lightbulb.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";export default(m=>a(r,{...m,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:a("path",{d:"M176 232a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8m40-128a87.55 87.55 0 0 1-33.64 69.21A16.24 16.24 0 0 0 176 186v6a16 16 0 0 1-16 16H96a16 16 0 0 1-16-16v-6a16 16 0 0 0-6.23-12.66A87.59 87.59 0 0 1 40 104.49C39.74 56.83 78.26 17.14 125.88 16A88 88 0 0 1 216 104m-16 0a72 72 0 0 0-73.74-72c-39 .92-70.47 33.39-70.26 72.39a71.65 71.65 0 0 0 27.64 56.3A32 32 0 0 1 96 186v6h64v-6a32.15 32.15 0 0 1 12.47-25.35A71.65 71.65 0 0 0 200 104m-16.11-9.34a57.6 57.6 0 0 0-46.56-46.55 8 8 0 0 0-2.66 15.78c16.57 2.79 30.63 16.85 33.44 33.45A8 8 0 0 0 176 104a9 9 0 0 0 1.35-.11 8 8 0 0 0 6.54-9.23"})})}));

package/dist/ui-sdk/icons/__generated/Paperclip.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgPaperclip: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgPaperclip;

package/dist/ui-sdk/icons/__generated/Paperclip.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";export default(l=>a(r,{...l,children:a("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:a("path",{d:"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04"})})}));

package/dist/ui-sdk/icons/__generated/PencilSimpleLine.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgPencilSimpleLine: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgPencilSimpleLine;

package/dist/ui-sdk/icons/__generated/PencilSimpleLine.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{SvgIcon as l}from"@mui/material";export default(t=>r(l,{...t,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:r("path",{d:"m227.32 73.37-44.69-44.68a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h168a8 8 0 0 0 0-16H115.32l112-112a16 16 0 0 0 0-22.63M92.69 208H48v-44.69l88-88L180.69 120ZM192 108.69 147.32 64l24-24L216 84.69Z"})})}));

package/dist/ui-sdk/icons/__generated/XCircle.d.ts

@@ -0,0 +1,3 @@
+import { type SvgIconProps } from '@mui/material';
+declare const SvgXCircle: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgXCircle;

package/dist/ui-sdk/icons/__generated/XCircle.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{SvgIcon as a}from"@mui/material";export default(l=>r(a,{...l,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",children:r("path",{d:"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32M232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104m-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88"})})}));

package/dist/ui-sdk/icons/__generated/index.d.ts

@@ -18,6 +18,7 @@ import CaretLeft from './CaretLeft.js';
 import CaretLeftBold from './CaretLeftBold.js';
 import CaretRight from './CaretRight.js';
 import CaretRightBold from './CaretRightBold.js';
+import ChatCircleText from './ChatCircleText.js';
 import Check from './Check.js';
 import CheckCircle from './CheckCircle.js';
 import CheckCircleDuotone from './CheckCircleDuotone.js';
@@ -61,6 +62,7 @@ import ImageSquareBold from './ImageSquareBold.js';
 import Info from './Info.js';
 import InfoBold from './InfoBold.js';
 import Key from './Key.js';
+import Lightbulb from './Lightbulb.js';
 import List from './List.js';
 import ListBullets from './ListBullets.js';
 import ListChecks from './ListChecks.js';
@@ -73,8 +75,10 @@ import Palette from './Palette.js';
 import PaletteBold from './PaletteBold.js';
 import PaperPlaneRightBold from './PaperPlaneRightBold.js';
 import PaperPlaneTilt from './PaperPlaneTilt.js';
+import Paperclip from './Paperclip.js';
 import PauseBold from './PauseBold.js';
 import PencilSimpleBold from './PencilSimpleBold.js';
+import PencilSimpleLine from './PencilSimpleLine.js';
 import PlayBold from './PlayBold.js';
 import Plus from './Plus.js';
 import PlusBold from './PlusBold.js';
@@ -104,6 +108,7 @@ import WarningCircleDuotone from './WarningCircleDuotone.js';
 import WarningDuotone from './WarningDuotone.js';
 import X from './X.js';
 import XBold from './XBold.js';
+import XCircle from './XCircle.js';
 export declare const Icon: {
     readonly Alarm: typeof Alarm;
     readonly ArrowClockwise: typeof ArrowClockwise;
@@ -125,6 +130,7 @@ export declare const Icon: {
     readonly CaretLeftBold: typeof CaretLeftBold;
     readonly CaretRight: typeof CaretRight;
     readonly CaretRightBold: typeof CaretRightBold;
+    readonly ChatCircleText: typeof ChatCircleText;
     readonly Check: typeof Check;
     readonly CheckCircle: typeof CheckCircle;
     readonly CheckCircleDuotone: typeof CheckCircleDuotone;
@@ -168,6 +174,7 @@ export declare const Icon: {
     readonly Info: typeof Info;
     readonly InfoBold: typeof InfoBold;
     readonly Key: typeof Key;
+    readonly Lightbulb: typeof Lightbulb;
     readonly List: typeof List;
     readonly ListBullets: typeof ListBullets;
     readonly ListChecks: typeof ListChecks;
@@ -180,8 +187,10 @@ export declare const Icon: {
     readonly PaletteBold: typeof PaletteBold;
     readonly PaperPlaneRightBold: typeof PaperPlaneRightBold;
     readonly PaperPlaneTilt: typeof PaperPlaneTilt;
+    readonly Paperclip: typeof Paperclip;
     readonly PauseBold: typeof PauseBold;
     readonly PencilSimpleBold: typeof PencilSimpleBold;
+    readonly PencilSimpleLine: typeof PencilSimpleLine;
     readonly PlayBold: typeof PlayBold;
     readonly Plus: typeof Plus;
     readonly PlusBold: typeof PlusBold;
@@ -211,4 +220,5 @@ export declare const Icon: {
     readonly WarningDuotone: typeof WarningDuotone;
     readonly X: typeof X;
     readonly XBold: typeof XBold;
+    readonly XCircle: typeof XCircle;
 };

package/dist/ui-sdk/icons/__generated/index.js

@@ -1 +1 @@
-import o from"./Alarm.js";import r from"./ArrowClockwise.js";import m from"./ArrowCounterClockwise.js";import t from"./ArrowLeft.js";import i from"./ArrowRight.js";import s from"./ArrowRightBold.js";import p from"./ArrowsHorizontal.js";import f from"./ArrowsIn.js";import j from"./ArrowsOut.js";import e from"./ArrowsOutCardinal.js";import l from"./Basketball.js";import a from"./BoundingBox.js";import n from"./BracketsCurly.js";import u from"./BuildingBold.js";import C from"./CameraRotate.js";import d from"./CaretDown.js";import B from"./CaretLeft.js";import c from"./CaretLeftBold.js";import g from"./CaretRight.js";import A from"./CaretRightBold.js";import h from"./Check.js";import P from"./CheckCircle.js";import w from"./CheckCircleDuotone.js";import S from"./Circle.js";import k from"./Cloud.js";import D from"./CloudArrowUp.js";import y from"./CopySimpleBold.js";import F from"./Cube.js";import L from"./CubeDuotone.js";import M from"./CurrencyDollar.js";import R from"./CurrencyEur.js";import I from"./CursorClick.js";import T from"./CustomAiAssistant.js";import O from"./CustomAiAssistantBold.js";import W from"./CustomAr.js";import x from"./CustomBigAiAssistant.js";import b from"./CustomMeasureCm.js";import E from"./CustomMeasureFt.js";import H from"./CustomMeasureIn.js";import G from"./CustomMeasureM.js";import U from"./CustomMeasureMm.js";import V from"./DotsSixVerticalBold.js";import v from"./DotsThreeVertical.js";import z from"./DotsThreeVerticalBold.js";import Q from"./Export.js";import X from"./EyeBold.js";import q from"./EyeClosedBold.js";import K from"./FileArrowUp.js";import N from"./FilePlus.js";import J from"./FileText.js";import Y from"./FireBold.js";import Z from"./Flame.js";import $ from"./FolderOpen.js";import _ from"./FolderStarBold.js";import oo from"./Gear.js";import or from"./GridFour.js";import om from"./HardDrives.js";import ot from"./House.js";import oi from"./Image.js";import os from"./ImageSquareBold.js";import op from"./Info.js";import of from"./InfoBold.js";import oj from"./Key.js";import oe from"./List.js";import ol from"./ListBullets.js";import oa from"./ListChecks.js";import on from"./Lock.js";import ou from"./MagicWand.js";import oC from"./MagnifyingGlassBold.js";import od from"./NavigationArrow.js";import oB from"./PaintBrush.js";import oc from"./Palette.js";import og from"./PaletteBold.js";import oA from"./PaperPlaneRightBold.js";import oh from"./PaperPlaneTilt.js";import oP from"./PauseBold.js";import ow from"./PencilSimpleBold.js";import oS from"./PlayBold.js";import ok from"./Plus.js";import oD from"./PlusBold.js";import oy from"./PlusCircle.js";import oF from"./PlusCircleBold.js";import oL from"./PushPin.js";import oM from"./PushPinSlash.js";import oR from"./Question.js";import oI from"./QuestionDuotone.js";import oT from"./RocketLaunchBold.js";import oO from"./SalsitaLogo.js";import oW from"./Scan.js";import ox from"./ShoppingCartSimple.js";import ob from"./SignOut.js";import oE from"./SignOutBold.js";import oH from"./SlidersBold.js";import oG from"./SlidersHorizontal.js";import oU from"./SubsetOfRaw.js";import oV from"./TagBold.js";import ov from"./Trash.js";import oz from"./TrashSimpleBold.js";import oQ from"./UsersBold.js";import oX from"./Warning.js";import oq from"./WarningCircle.js";import oK from"./WarningCircleBold.js";import oN from"./WarningCircleDuotone.js";import oJ from"./WarningDuotone.js";import oY from"./X.js";import oZ from"./XBold.js";export const Icon={Alarm:o,ArrowClockwise:r,ArrowCounterClockwise:m,ArrowLeft:t,ArrowRight:i,ArrowRightBold:s,ArrowsHorizontal:p,ArrowsIn:f,ArrowsOut:j,ArrowsOutCardinal:e,Basketball:l,BoundingBox:a,BracketsCurly:n,BuildingBold:u,CameraRotate:C,CaretDown:d,CaretLeft:B,CaretLeftBold:c,CaretRight:g,CaretRightBold:A,Check:h,CheckCircle:P,CheckCircleDuotone:w,Circle:S,Cloud:k,CloudArrowUp:D,CopySimpleBold:y,Cube:F,CubeDuotone:L,CurrencyDollar:M,CurrencyEur:R,CursorClick:I,CustomAiAssistant:T,CustomAiAssistantBold:O,CustomAr:W,CustomBigAiAssistant:x,CustomMeasureCm:b,CustomMeasureFt:E,CustomMeasureIn:H,CustomMeasureM:G,CustomMeasureMm:U,DotsSixVerticalBold:V,DotsThreeVertical:v,DotsThreeVerticalBold:z,Export:Q,EyeBold:X,EyeClosedBold:q,FileArrowUp:K,FilePlus:N,FileText:J,FireBold:Y,Flame:Z,FolderOpen:$,FolderStarBold:_,Gear:oo,GridFour:or,HardDrives:om,House:ot,Image:oi,ImageSquareBold:os,Info:op,InfoBold:of,Key:oj,List:oe,ListBullets:ol,ListChecks:oa,Lock:on,MagicWand:ou,MagnifyingGlassBold:oC,NavigationArrow:od,PaintBrush:oB,Palette:oc,PaletteBold:og,PaperPlaneRightBold:oA,PaperPlaneTilt:oh,PauseBold:oP,PencilSimpleBold:ow,PlayBold:oS,Plus:ok,PlusBold:oD,PlusCircle:oy,PlusCircleBold:oF,PushPin:oL,PushPinSlash:oM,Question:oR,QuestionDuotone:oI,RocketLaunchBold:oT,SalsitaLogo:oO,Scan:oW,ShoppingCartSimple:ox,SignOut:ob,SignOutBold:oE,SlidersBold:oH,SlidersHorizontal:oG,SubsetOfRaw:oU,TagBold:oV,Trash:ov,TrashSimpleBold:oz,UsersBold:oQ,Warning:oX,WarningCircle:oq,WarningCircleBold:oK,WarningCircleDuotone:oN,WarningDuotone:oJ,X:oY,XBold:oZ};
+import o from"./Alarm.js";import r from"./ArrowClockwise.js";import m from"./ArrowCounterClockwise.js";import i from"./ArrowLeft.js";import t from"./ArrowRight.js";import s from"./ArrowRightBold.js";import p from"./ArrowsHorizontal.js";import f from"./ArrowsIn.js";import j from"./ArrowsOut.js";import e from"./ArrowsOutCardinal.js";import l from"./Basketball.js";import a from"./BoundingBox.js";import n from"./BracketsCurly.js";import u from"./BuildingBold.js";import C from"./CameraRotate.js";import d from"./CaretDown.js";import B from"./CaretLeft.js";import c from"./CaretLeftBold.js";import g from"./CaretRight.js";import h from"./CaretRightBold.js";import P from"./ChatCircleText.js";import A from"./Check.js";import S from"./CheckCircle.js";import w from"./CheckCircleDuotone.js";import k from"./Circle.js";import D from"./Cloud.js";import L from"./CloudArrowUp.js";import y from"./CopySimpleBold.js";import F from"./Cube.js";import M from"./CubeDuotone.js";import R from"./CurrencyDollar.js";import T from"./CurrencyEur.js";import I from"./CursorClick.js";import b from"./CustomAiAssistant.js";import x from"./CustomAiAssistantBold.js";import O from"./CustomAr.js";import W from"./CustomBigAiAssistant.js";import E from"./CustomMeasureCm.js";import H from"./CustomMeasureFt.js";import G from"./CustomMeasureIn.js";import U from"./CustomMeasureM.js";import V from"./CustomMeasureMm.js";import X from"./DotsSixVerticalBold.js";import v from"./DotsThreeVertical.js";import z from"./DotsThreeVerticalBold.js";import Q from"./Export.js";import q from"./EyeBold.js";import K from"./EyeClosedBold.js";import N from"./FileArrowUp.js";import J from"./FilePlus.js";import Y from"./FileText.js";import Z from"./FireBold.js";import $ from"./Flame.js";import _ from"./FolderOpen.js";import oo from"./FolderStarBold.js";import or from"./Gear.js";import om from"./GridFour.js";import oi from"./HardDrives.js";import ot from"./House.js";import os from"./Image.js";import op from"./ImageSquareBold.js";import of from"./Info.js";import oj from"./InfoBold.js";import oe from"./Key.js";import ol from"./Lightbulb.js";import oa from"./List.js";import on from"./ListBullets.js";import ou from"./ListChecks.js";import oC from"./Lock.js";import od from"./MagicWand.js";import oB from"./MagnifyingGlassBold.js";import oc from"./NavigationArrow.js";import og from"./PaintBrush.js";import oh from"./Palette.js";import oP from"./PaletteBold.js";import oA from"./PaperPlaneRightBold.js";import oS from"./PaperPlaneTilt.js";import ow from"./Paperclip.js";import ok from"./PauseBold.js";import oD from"./PencilSimpleBold.js";import oL from"./PencilSimpleLine.js";import oy from"./PlayBold.js";import oF from"./Plus.js";import oM from"./PlusBold.js";import oR from"./PlusCircle.js";import oT from"./PlusCircleBold.js";import oI from"./PushPin.js";import ob from"./PushPinSlash.js";import ox from"./Question.js";import oO from"./QuestionDuotone.js";import oW from"./RocketLaunchBold.js";import oE from"./SalsitaLogo.js";import oH from"./Scan.js";import oG from"./ShoppingCartSimple.js";import oU from"./SignOut.js";import oV from"./SignOutBold.js";import oX from"./SlidersBold.js";import ov from"./SlidersHorizontal.js";import oz from"./SubsetOfRaw.js";import oQ from"./TagBold.js";import oq from"./Trash.js";import oK from"./TrashSimpleBold.js";import oN from"./UsersBold.js";import oJ from"./Warning.js";import oY from"./WarningCircle.js";import oZ from"./WarningCircleBold.js";import o$ from"./WarningCircleDuotone.js";import o_ from"./WarningDuotone.js";import o0 from"./X.js";import o1 from"./XBold.js";import o2 from"./XCircle.js";export const Icon={Alarm:o,ArrowClockwise:r,ArrowCounterClockwise:m,ArrowLeft:i,ArrowRight:t,ArrowRightBold:s,ArrowsHorizontal:p,ArrowsIn:f,ArrowsOut:j,ArrowsOutCardinal:e,Basketball:l,BoundingBox:a,BracketsCurly:n,BuildingBold:u,CameraRotate:C,CaretDown:d,CaretLeft:B,CaretLeftBold:c,CaretRight:g,CaretRightBold:h,ChatCircleText:P,Check:A,CheckCircle:S,CheckCircleDuotone:w,Circle:k,Cloud:D,CloudArrowUp:L,CopySimpleBold:y,Cube:F,CubeDuotone:M,CurrencyDollar:R,CurrencyEur:T,CursorClick:I,CustomAiAssistant:b,CustomAiAssistantBold:x,CustomAr:O,CustomBigAiAssistant:W,CustomMeasureCm:E,CustomMeasureFt:H,CustomMeasureIn:G,CustomMeasureM:U,CustomMeasureMm:V,DotsSixVerticalBold:X,DotsThreeVertical:v,DotsThreeVerticalBold:z,Export:Q,EyeBold:q,EyeClosedBold:K,FileArrowUp:N,FilePlus:J,FileText:Y,FireBold:Z,Flame:$,FolderOpen:_,FolderStarBold:oo,Gear:or,GridFour:om,HardDrives:oi,House:ot,Image:os,ImageSquareBold:op,Info:of,InfoBold:oj,Key:oe,Lightbulb:ol,List:oa,ListBullets:on,ListChecks:ou,Lock:oC,MagicWand:od,MagnifyingGlassBold:oB,NavigationArrow:oc,PaintBrush:og,Palette:oh,PaletteBold:oP,PaperPlaneRightBold:oA,PaperPlaneTilt:oS,Paperclip:ow,PauseBold:ok,PencilSimpleBold:oD,PencilSimpleLine:oL,PlayBold:oy,Plus:oF,PlusBold:oM,PlusCircle:oR,PlusCircleBold:oT,PushPin:oI,PushPinSlash:ob,Question:ox,QuestionDuotone:oO,RocketLaunchBold:oW,SalsitaLogo:oE,Scan:oH,ShoppingCartSimple:oG,SignOut:oU,SignOutBold:oV,SlidersBold:oX,SlidersHorizontal:ov,SubsetOfRaw:oz,TagBold:oQ,Trash:oq,TrashSimpleBold:oK,UsersBold:oN,Warning:oJ,WarningCircle:oY,WarningCircleBold:oZ,WarningCircleDuotone:o$,WarningDuotone:o_,X:o0,XBold:o1,XCircle:o2};

package/dist/ui-sdk/icons/icons-registry.js

@@ -1 +1 @@
-export const CustomIcons=["custom-ai-assistant","custom-ai-assistant-bold","custom-ar","custom-big-ai-assistant","custom-measure-cm","custom-measure-ft","custom-measure-in","custom-measure-m","custom-measure-mm","SalsitaLogo","subset-of-raw"];export const PhosphorIcons={bold:["arrow-right","building","caret-left","caret-right","copy-simple","dots-six-vertical","dots-three-vertical","eye-closed","eye","fire","folder-star","image-square","info","magnifying-glass","palette","paper-plane-right","pause","pencil-simple","play","plus","plus-circle","rocket-launch","sign-out","sliders","tag","trash-simple","users","warning-circle","x"],duotone:["check-circle","cube","question","warning-circle","warning"],regular:["alarm","arrow-clockwise","arrow-counter-clockwise","arrow-left","arrow-left","arrow-right","arrows-horizontal","arrows-in","arrows-out","arrows-out-cardinal","basketball","bounding-box","brackets-curly","camera-rotate","caret-down","caret-left","caret-right","check","check-circle","circle","cloud","cloud-arrow-up","cube","currency-dollar","currency-eur","cursor-click","dots-three-vertical","export","file-arrow-up","file-plus","file-text","flame","gear","folder-open","grid-four","hard-drives","house","image","info","key","list","list-bullets","list-checks","lock","magic-wand","navigation-arrow","paint-brush","palette","paper-plane-tilt","plus","plus-circle","push-pin","push-pin-slash","question","scan","shopping-cart-simple","sign-out","sliders-horizontal","trash","warning","warning-circle","x"]};
+export const CustomIcons=["custom-ai-assistant","custom-ai-assistant-bold","custom-ar","custom-big-ai-assistant","custom-measure-cm","custom-measure-ft","custom-measure-in","custom-measure-m","custom-measure-mm","SalsitaLogo","subset-of-raw"];export const PhosphorIcons={bold:["arrow-right","building","caret-left","caret-right","copy-simple","dots-six-vertical","dots-three-vertical","eye-closed","eye","fire","folder-star","image-square","info","magnifying-glass","palette","paper-plane-right","pause","pencil-simple","play","plus","plus-circle","rocket-launch","sign-out","sliders","tag","trash-simple","users","warning-circle","x"],duotone:["check-circle","cube","question","warning-circle","warning"],regular:["alarm","arrow-clockwise","arrow-counter-clockwise","arrow-left","arrow-left","arrow-right","arrows-horizontal","arrows-in","arrows-out","arrows-out-cardinal","basketball","bounding-box","brackets-curly","camera-rotate","caret-down","caret-left","caret-right","check","check-circle","chat-circle-text","circle","cloud","cloud-arrow-up","cube","currency-dollar","currency-eur","cursor-click","dots-three-vertical","export","file-arrow-up","file-plus","file-text","flame","gear","folder-open","grid-four","hard-drives","house","image","info","key","lightbulb","list","list-bullets","list-checks","lock","magic-wand","navigation-arrow","paint-brush","palette","paperclip","paper-plane-tilt","pencil-simple-line","plus","plus-circle","push-pin","push-pin-slash","question","scan","shopping-cart-simple","sign-out","sliders-horizontal","trash","warning","warning-circle","x","x-circle"]};

package/dist/ui-sdk/responsive-application/ResponsiveApplicationProvider.d.ts

@@ -1,6 +1,15 @@
 import type { PropsWithChildren } from 'react';
+import type { ResponsiveStateStore } from './responsive-state-store.js';
 export interface ResponsiveApplicationProviderProps extends PropsWithChildren {
     containerZIndex: number;
+    /**
+     * Responsive state owned outside the UI. When given, the provider measures its container into
+     * it and `useResponsive()` reads from it; otherwise the provider keeps the state itself.
+     *
+     * @internal Runtime plumbing for the SDK's own configurator, which passes its application
+     * runtime's responsive state. A project mounting this provider leaves it out.
+     */
+    store?: ResponsiveStateStore;
 }
 /**
  * Root provider managing responsive app state and viewport.

package/dist/ui-sdk/responsive-application/ResponsiveApplicationProvider.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{GlobalStyles as i,styled as r}from"@mui/material";import{useObservableEagerState as n}from"observable-hooks";import{useEffect as a,useRef as s}from"react";import{useResizeObserver as l}from"usehooks-ts";import{attrf as d,commonStyles as p}from"../common/index.js";import{ResponsiveContext as m,useResponsiveInfo as c}from"./ResponsiveProvider.js";let v="animating",f="expanded",y="hidden",u=e(i,{styles:({palette:e,typography:o})=>({":host":{all:"initial",interpolateSize:"allow-keywords",blockSize:"100%",boxSizing:"border-box",display:"block",overscrollBehavior:"contain",":where(*, *::after, *::before)":{boxSizing:"border-box"},backgroundColor:e.background.default,color:e.text.primary,fontFamily:o.fontFamily,...o.body1,MozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased",WebkitTextSizeAdjust:"100%"}})}),x=r("div")(()=>({...p.transition.fadeIn,blockSize:"100%",containerName:"app",containerType:"inline-size",contentVisibility:"auto",display:"grid",overflow:"auto",position:"relative",[`&[data-responsive-app*="${v}"]`]:{overflow:"clip"},[`&[data-responsive-app*="${f}"]`]:{inset:0,position:"fixed",zIndex:"var(--phx-app-index)"},[`&[data-responsive-app*="${y}"]`]:{contentVisibility:"hidden"}})),b=r("div")(()=>({position:"relative"}));export const ResponsiveApplicationProvider=i=>{let{children:r,containerZIndex:p}=i,h=s(null),w=c(h);l({ref:h,onResize:()=>{w.update()}});let{isAnimating:g,isExpanded:k,isHidden:z}=w,{height:S}=n(w.viewport$);return a(()=>{if(!k)return;let e=document.documentElement.style.overflow,o=document.body.style.overflow;return document.documentElement.style.setProperty("overflow","hidden"),document.body.style.setProperty("overflow","hidden"),()=>{document.documentElement.style.setProperty("overflow",e),document.body.style.setProperty("overflow",o)}},[k]),o(t,{children:[u,e(m.Provider,{value:w,children:e(x,{ref:h,"data-responsive-app":d({state:{[`${v}`]:g,[`${f}`]:k,[`${y}`]:z}}),inert:z?"":void 0,sx:{"--phx-app-index":p},children:e(b,{sx:{"--phx-app-height":S+"px"},children:r})})})]})};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{GlobalStyles as i,styled as r}from"@mui/material";import{useObservableEagerState as n}from"observable-hooks";import{useEffect as a,useRef as s}from"react";import{useResizeObserver as l}from"usehooks-ts";import{attrf as d,commonStyles as p}from"../common/index.js";import{ResponsiveContext as m,useResponsiveInfo as c}from"./ResponsiveProvider.js";import{useStoreResponsiveInfo as f}from"./use-store-responsive-info.js";let u="animating",v="expanded",x="hidden",y=e(i,{styles:({palette:e,typography:o})=>({":host":{all:"initial",interpolateSize:"allow-keywords",blockSize:"100%",boxSizing:"border-box",display:"block",overscrollBehavior:"contain",":where(*, *::after, *::before)":{boxSizing:"border-box"},backgroundColor:e.background.default,color:e.text.primary,fontFamily:o.fontFamily,...o.body1,MozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased",WebkitTextSizeAdjust:"100%"}})}),b=r("div")(()=>({...p.transition.fadeIn,blockSize:"100%",containerName:"app",containerType:"inline-size",contentVisibility:"auto",display:"grid",overflow:"auto",position:"relative",[`&[data-responsive-app*="${u}"]`]:{overflow:"clip"},[`&[data-responsive-app*="${v}"]`]:{inset:0,position:"fixed",zIndex:"var(--phx-app-index)"},[`&[data-responsive-app*="${x}"]`]:{contentVisibility:"hidden"}})),h=r("div")(()=>({position:"relative"})),w=i=>{let{children:r,containerRef:s,containerZIndex:p,info:c}=i;l({ref:s,onResize:()=>{c.update()}});let{isAnimating:f,isExpanded:w,isHidden:g}=c,{height:k}=n(c.viewport$);return a(()=>{if(!w)return;let e=document.documentElement.style.overflow,o=document.body.style.overflow;return document.documentElement.style.setProperty("overflow","hidden"),document.body.style.setProperty("overflow","hidden"),()=>{document.documentElement.style.setProperty("overflow",e),document.body.style.setProperty("overflow",o)}},[w]),o(t,{children:[y,e(m.Provider,{value:c,children:e(b,{ref:s,"data-responsive-app":d({state:{[`${u}`]:f,[`${v}`]:w,[`${x}`]:g}}),inert:g?"":void 0,sx:{"--phx-app-index":p},children:e(h,{sx:{"--phx-app-height":k+"px"},children:r})})})]})},g=o=>{let t=s(null),i=c(t);return e(w,{...o,containerRef:t,info:i})},k=o=>{let{store:t,...i}=o,r=s(null),n=f(r,t);return e(w,{...i,containerRef:r,info:n})};export const ResponsiveApplicationProvider=o=>{let{children:t,containerZIndex:i,store:r}=o;return r?e(k,{containerZIndex:i,store:r,children:t}):e(g,{containerZIndex:i,children:t})};

package/dist/ui-sdk/responsive-application/index.d.ts

@@ -1,2 +1,3 @@
 export { ResponsiveApplicationProvider, type ResponsiveApplicationProviderProps, } from './ResponsiveApplicationProvider.js';
 export { type CanvasPadding, Responsive, useResponsiveInfo, useResponsive, ResponsiveContext, type ResponsiveInfo, } from './ResponsiveProvider.js';
+export { type ResponsiveStateSnapshot, type ResponsiveStateStore } from './responsive-state-store.js';

package/dist/ui-sdk/responsive-application/responsive-state-store.d.ts

@@ -0,0 +1,59 @@
+import type { CanvasPadding } from './ResponsiveProvider.js';
+/**
+ * The responsive state a `ResponsiveStateStore` holds.
+ *
+ * @internal Runtime plumbing behind the `store` prop of `ResponsiveApplicationProvider`, for the
+ * SDK's own configurator.
+ */
+export interface ResponsiveStateSnapshot {
+    readonly isPhone: boolean;
+    readonly isMobile: boolean;
+    readonly isTablet: boolean;
+    readonly isDesktop: boolean;
+    readonly isLandscape: boolean;
+    readonly isPortrait: boolean;
+    readonly canvasPadding: CanvasPadding;
+    readonly isExpanded: boolean;
+    readonly isHidden: boolean;
+    readonly isAnimating: boolean;
+}
+/**
+ * Responsive state owned outside the UI, which `ResponsiveApplicationProvider` measures its root
+ * container into and provides to `useResponsive()`. A mounted Phoenix configurator passes its
+ * application runtime's responsive state (`useResponsiveStore()` of `@salsita-ai/sdk/react`), so
+ * its lifecycle reads the same state without the UI.
+ *
+ * Declared here by shape rather than imported, because `ui-sdk` depends on no other SDK package.
+ *
+ * @internal Runtime plumbing for the SDK's own configurator; a project mounting
+ * `ResponsiveApplicationProvider` leaves `store` out.
+ */
+export interface ResponsiveStateStore {
+    /** Calls `onChange` after every change of the store; returns the unsubscribe. */
+    readonly subscribe: (onChange: () => void) => () => void;
+    /** The same object until a value in it changes. */
+    readonly getState: () => ResponsiveStateSnapshot;
+    /** The container's size rounded up to whole pixels; the same object until it changes. */
+    readonly getViewportSize: () => {
+        readonly width: number;
+        readonly height: number;
+    };
+    readonly setViewport: (viewport: {
+        readonly width: number;
+        readonly height: number;
+        readonly isLandscape: boolean;
+        readonly isPortrait: boolean;
+    }) => void;
+    readonly setBreakpoints: (breakpoints: {
+        readonly sm: number;
+        readonly md: number;
+        readonly lg: number;
+    }) => void;
+    readonly getCanvasPadding: () => CanvasPadding;
+    readonly setCanvasPadding: (padding: CanvasPadding) => void;
+    readonly expand: () => void;
+    readonly collapse: () => void;
+    readonly hide: () => void;
+    readonly show: () => void;
+    readonly setAnimating: (value: boolean) => void;
+}

package/dist/ui-sdk/responsive-application/responsive-state-store.js

@@ -0,0 +1 @@
+export{};

package/dist/ui-sdk/responsive-application/use-store-responsive-info.d.ts

@@ -0,0 +1,7 @@
+import type { useResponsiveInfo } from './ResponsiveProvider.js';
+import type { ResponsiveStateStore } from './responsive-state-store.js';
+/**
+ * `useResponsiveInfo` over a store owned outside the UI: measures the container into the store,
+ * pushes the theme's breakpoints into it, and reads every value back from it.
+ */
+export declare const useStoreResponsiveInfo: (elementRef: React.MutableRefObject<HTMLElement | null>, store: ResponsiveStateStore) => ReturnType<typeof useResponsiveInfo>;

package/dist/ui-sdk/responsive-application/use-store-responsive-info.js

@@ -0,0 +1 @@
+import{useTheme as e}from"@mui/material";import{useCallback as t,useLayoutEffect as i,useMemo as a,useState as n,useSyncExternalStore as s}from"react";import{isMobileOnly as r}from"react-device-detect";import{BehaviorSubject as o}from"rxjs";import{useResizeObserver as c}from"usehooks-ts";export const useStoreResponsiveInfo=(p,d)=>{let{sm:l,md:u,lg:m}=e().breakpoints.values,g=s(d.subscribe,d.getState),[b]=n(()=>new o(d.getViewportSize()));i(()=>{let e=()=>{let e=d.getViewportSize();e!==b.value&&b.next(e)};return e(),d.subscribe(e)},[d,b]),i(()=>{d.setBreakpoints({sm:l,md:u,lg:m})},[d,l,u,m]);let w=t(e=>{let{width:t,height:i}=e.getBoundingClientRect();d.setViewport({width:t,height:i,isLandscape:window.matchMedia("(orientation: landscape)").matches,isPortrait:window.matchMedia("(orientation: portrait)").matches})},[d]),f=t(e=>{d.setCanvasPadding("function"==typeof e?e(d.getCanvasPadding()):e)},[d]),h=t(()=>{p.current&&w(p.current)},[p,w]);return c({ref:p,onResize:()=>{null!=p.current&&w(p.current)}}),i(()=>{null!=p.current&&w(p.current)},[p,w]),a(()=>({...g,expand:d.expand,collapse:d.collapse,hide:d.hide,show:d.show,isMobileAndMobileLandscape:g.isMobile||g.isLandscape&&g.isTablet&&r,isDesktopExceptMobileLandscape:g.isDesktop&&!(g.isLandscape&&g.isTablet&&r),viewport$:b,getCanvasPadding:d.getCanvasPadding,setCanvasPadding:f,update:h,setAnimating:d.setAnimating}),[g,d,b,f,h])};

package/dist/ui-sdk/theme/types.d.ts

@@ -44,7 +44,8 @@ declare module '@mui/material/styles' {
         PhxChat: 'root';
         PhxChatFooter: 'root' | 'formLayout' | 'input';
         PhxChatMessage: 'base' | 'assistant' | 'user' | 'widget' | 'error' | 'helper';
-        PhxAssistantPanel: 'root' | 'header' | 'title' | 'closeButton' | 'thread' | 'greeting' | 'messages' | 'userMessage' | 'assistantMessage' | 'entityLink' | 'chips' | 'activity' | 'activityIcon' | 'chip' | 'undoButton' | 'status' | 'separator' | 'earlierButton' | 'notice' | 'newReplyButton' | 'composer' | 'inputFrame' | 'input' | 'sendButton' | 'stopButton' | 'hint';
+        PhxAssistantPanel: 'root' | 'header' | 'title' | 'closeButton' | 'thread' | 'greeting' | 'messages' | 'userMessage' | 'messageImages' | 'messageImage' | 'assistantMessage' | 'alert' | 'entityLink' | 'referenceLink' | 'referenceDetails' | 'image' | 'screenshotsLink' | 'screenshots' | 'form' | 'formGroup' | 'formGroupLabel' | 'formOptions' | 'formOptionsLabel' | 'formOptionsRow' | 'formReply' | 'formCard' | 'formCardImage' | 'formCardLabel' | 'formCardDescription' | 'formCardCheck' | 'formSwatch' | 'formSwatchImage' | 'formSwatchCheck' | 'formText' | 'formTextInput' | 'formNumber' | 'formConfirm' | 'formConfirmButtons' | 'formConfirmButton' | 'formSubmit' | 'formNote' | 'chips' | 'activity' | 'activityIcon' | 'chip' | 'undoButton' | 'status' | 'separator' | 'earlierButton' | 'notice' | 'newReplyButton' | 'composer' | 'inputFrame' | 'attachButton' | 'attachments' | 'attachment' | 'removeAttachment' | 'input' | 'sendButton' | 'stopButton' | 'hint' | 'attachmentNotice';
+        PhxExportingOverlay: 'root' | 'message';
         PhxTopNavigation: 'root' | 'stepper' | 'step';
         PhxListSelector: 'root';
         PhxListSelectorItem: 'root' | 'radio' | 'title' | 'description' | 'formControlLabel';
@@ -113,6 +114,9 @@ declare module '@mui/material/styles' {
         PhxAssistantPanel?: {
             styleOverrides?: ComponentsOverrides<Theme>['PhxAssistantPanel'];
         };
+        PhxExportingOverlay?: {
+            styleOverrides?: ComponentsOverrides<Theme>['PhxExportingOverlay'];
+        };
         PhxPreviewLayout?: {
             styleOverrides?: ComponentsOverrides<Theme>['PhxPreviewLayout'];
         };

package/dist/watch/glob-matcher.d.ts

@@ -4,7 +4,7 @@ interface PathOperations {
     readonly sep: string;
 }
 /**
- * Build a chokidar v4 `ignored` callback from include + exclude glob arrays.
+ * Build a chokidar `ignored` callback from include + exclude glob arrays.
  *
  * Internal helper for {@link watch | the watch shim} in `./watch.ts`. Not part of the
  * public surface — consumers pass glob strings to `watch(...)` and this conversion
@@ -14,15 +14,15 @@ interface PathOperations {
  * - excludes are checked first against every path (file or directory). Patterns ending in
  *   `/**` are auto-expanded to also match the bare directory form so chokidar prunes the
  *   subtree instead of walking it.
- * - for directories, includes are not applied — chokidar must descend to find matching files.
- * - for files (or when stats is unavailable), includes are required when non-empty.
+ * - directories descend only towards an included literal file or within an included glob's prefix.
+ * - files require an include match when non-empty; discovery without stats remains permissive.
  */
 export declare const createWatchIgnoreMatcher: (params: {
     readonly includes?: readonly string[];
     readonly excludes?: readonly string[];
     /**
      * If set, absolute paths passed to the predicate are converted to paths relative to
-     * this directory before being matched. Chokidar v4 passes absolute paths to `ignored`
+     * this directory before being matched. Chokidar passes absolute paths to `ignored`
      * even when `cwd` is set, but the include/exclude globs in this codebase are written
      * relative to the project root — this option bridges that.
      */