@salsita-ai/sdk 0.50.0-develop.0b28d3ba99 → 0.50.0-develop.0d2418cc3b

package/dist/configurator/ui/assistant/form-elements/FormConfirm.d.ts

@@ -1,5 +1,56 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormInputProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormConfirm';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormConfirmSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormConfirmProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Buttons: 'buttons';
+    readonly Button: 'button';
+};
+type FormConfirmSlots = ValueOf<typeof Slots>;
+/**
+ * The slots of a form `confirm`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormConfirmProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The question with its label and its buttons (`div`).
+     * - `buttons` — The row of the yes and no buttons (`div`).
+     * - `button` — The yes and the no button (`button`).
+     */
+    readonly slots?: Partial<Record<FormConfirmSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the question.
+     * - `buttons` — Props for the row.
+     * - `button` — Props for each button.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: HTMLAttributes<HTMLDivElement>;
+        readonly [Slots.Buttons]: HTMLAttributes<HTMLDivElement>;
+        readonly [Slots.Button]: ButtonHTMLAttributes<HTMLButtonElement>;
+    }>;
+}
 type FormConfirmProps = FormInputProps<boolean, AssistantBuiltInFormElementAttributes<'confirm'>>;
 /**
  * A `confirm`: a yes or no question as ✓ and ✗ buttons. Its state is the pick, and it answers with

package/dist/configurator/ui/assistant/form-elements/FormConfirm.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{alpha as i,styled as a}from"@mui/material";import{useLocalizable as o}from"#package/react-sdk";import{PhxIcon as t}from"#package/ui-sdk";import{AssistantPanelName as n}from"../theme.js";let s={id:"sdk.assistant.form.confirm.yes",message:"Yes"},l={id:"sdk.assistant.form.confirm.no",message:"No"},d=a("div",{name:n,slot:"formConfirm"})(({theme:{palette:e,spacing:r,typography:i}})=>({...i.caption,color:e.text.secondary,display:"grid",gap:r(.75)})),m=a("div",{name:n,slot:"formConfirmButtons"})(({theme:{spacing:e}})=>({display:"flex",gap:e(.75)})),c=a("button",{name:n,slot:"formConfirmButton"})(({theme:{palette:e,spacing:r}})=>({alignItems:"center",background:e.background.paper,border:`1px solid ${e.divider}`,borderRadius:"calc(infinity * 1px)",color:e.text.primary,cursor:"pointer",display:"inline-flex",justifyContent:"center",margin:0,paddingBlock:r(.5),paddingInline:r(1.5),"&:hover:not(:disabled)":{background:e.action.hover},"&:focus-visible":{outline:`2px solid ${e.primary.main}`,outlineOffset:1},"&:disabled":{color:e.text.disabled,cursor:"default"},'&[aria-pressed="true"]':{background:i(e.primary.main,e.action.selectedOpacity),borderColor:e.primary.main}}));export const FormConfirm=({label:i,disabled:a,state:n,onChange:p})=>{let f=o(s),u=o(l);return r(d,{role:"group","aria-label":i,children:[null!=i&&e("span",{"aria-hidden":!0,children:i}),r(m,{children:[e(c,{type:"button","aria-label":f,title:f,disabled:a,"aria-pressed":!0===n,onClick:()=>p(!0,f),children:e(t,{name:"Check",fontSize:"small"})}),e(c,{type:"button","aria-label":u,title:u,disabled:a,"aria-pressed":!1===n,onClick:()=>p(!1,u),children:e(t,{name:"X",fontSize:"small"})})]})]})};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{alpha as t,styled as i,useThemeProps as o}from"@mui/material";import{useLocalizable as a}from"#package/react-sdk";import{PhxIcon as n}from"#package/ui-sdk";let s="PhxAssistantFormConfirm",l={id:"sdk.assistant.form.confirm.yes",message:"Yes"},d={id:"sdk.assistant.form.confirm.no",message:"No"},m=i("div",{name:s,slot:"root"})(({theme:{palette:e,spacing:r,typography:t}})=>({...t.caption,color:e.text.secondary,display:"grid",gap:r(.75)})),c=i("div",{name:s,slot:"buttons"})(({theme:{spacing:e}})=>({display:"flex",gap:e(.75)})),p=i("button",{name:s,slot:"button"})(({theme:{palette:e,spacing:r}})=>({alignItems:"center",background:e.background.paper,border:`1px solid ${e.divider}`,borderRadius:"calc(infinity * 1px)",color:e.text.primary,cursor:"pointer",display:"inline-flex",justifyContent:"center",margin:0,paddingBlock:r(.5),paddingInline:r(1.5),"&:hover:not(:disabled)":{background:e.action.hover},"&:focus-visible":{outline:`2px solid ${e.primary.main}`,outlineOffset:1},"&:disabled":{color:e.text.disabled,cursor:"default"},'&[aria-pressed="true"]':{background:t(e.primary.main,e.action.selectedOpacity),borderColor:e.primary.main}})),u={};export const FormConfirm=({label:t,disabled:i,state:b,onChange:f})=>{let g=a(l),k=a(d),{slots:y={},slotProps:h={}}=o({props:u,name:s}),x=y.root??m,C=y.buttons??c,v=y.button??p;return r(x,{role:"group","aria-label":t,...h.root,children:[null!=t&&e("span",{"aria-hidden":!0,children:t}),r(C,{...h.buttons,children:[e(v,{...h.button,type:"button","aria-label":g,title:g,disabled:i,"aria-pressed":!0===b,onClick:()=>f(!0,g),children:e(n,{name:"Check",fontSize:"small"})}),e(v,{...h.button,type:"button","aria-label":k,title:k,disabled:i,"aria-pressed":!1===b,onClick:()=>f(!1,k),children:e(n,{name:"X",fontSize:"small"})})]})]})};

package/dist/configurator/ui/assistant/form-elements/FormGroup.d.ts

@@ -1,6 +1,53 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { ElementType, HTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormContainerProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormGroup';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormGroupSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormGroupProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Label: 'label';
+};
+type FormGroupSlots = ValueOf<typeof Slots>;
 type FormGroupProps = FormContainerProps<AssistantBuiltInFormElementAttributes<'group'>>;
+/**
+ * The slots of a form `group`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormGroupProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The group (`div`).
+     * - `label` — The label that heads the group (`div`).
+     */
+    readonly slots?: Partial<Record<FormGroupSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the group.
+     * - `label` — Props for the label.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: HTMLAttributes<HTMLDivElement>;
+        readonly [Slots.Label]: HTMLAttributes<HTMLDivElement>;
+    }>;
+}
 /** A `group`: its children stacked under its label, which heads them. */
 export declare const FormGroup: ({ label, children }: FormGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/configurator/ui/assistant/form-elements/FormGroup.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as o}from"@mui/material";import{AssistantPanelName as m}from"../theme.js";let t=o("div",{name:m,slot:"formGroup"})(({theme:{spacing:r}})=>({display:"flex",flexDirection:"column",gap:r(1.5)})),i=o("div",{name:m,slot:"formGroupLabel"})(({theme:{palette:r,typography:e}})=>({...e.subtitle2,color:r.text.primary}));export const FormGroup=({label:o,children:m})=>e(t,{role:"group","aria-label":o,children:[null!=o&&r(i,{"aria-hidden":!0,children:o}),m]});
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as o,useThemeProps as l}from"@mui/material";let t="PhxAssistantFormGroup",a=o("div",{name:t,slot:"root"})(({theme:{spacing:r}})=>({display:"flex",flexDirection:"column",gap:r(1.5)})),i=o("div",{name:t,slot:"label"})(({theme:{palette:r,typography:e}})=>({...e.subtitle2,color:r.text.primary})),m={};export const FormGroup=({label:o,children:s})=>{let{slots:n={},slotProps:p={}}=l({props:m,name:t}),u=n.root??a,x=n.label??i;return e(u,{role:"group","aria-label":o,...p.root,children:[null!=o&&r(x,{"aria-hidden":!0,...p.label,children:o}),s]})};

package/dist/configurator/ui/assistant/form-elements/FormNumber.d.ts

@@ -1,5 +1,48 @@
+import type { ComponentsOverrides } from '@mui/material';
+import { type ElementType, type HTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormInputProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormNumber';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormNumberSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormNumberProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+};
+type FormNumberSlots = ValueOf<typeof Slots>;
+/**
+ * The slots of a form `number`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormNumberProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The field with its label, its input and its slider (`div`).
+     */
+    readonly slots?: Partial<Record<FormNumberSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the field.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: HTMLAttributes<HTMLDivElement>;
+    }>;
+}
 type FormNumberProps = FormInputProps<number, AssistantBuiltInFormElementAttributes<'number'>>;
 /**
  * A `number`: a field with its unit, and a slider beside it when both `min` and `max` are given. It

package/dist/configurator/ui/assistant/form-elements/FormNumber.js

@@ -1 +1 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Trans as e}from"@lingui/react";import{styled as o}from"@mui/material";import{useCallback as t,useEffect as a}from"react";import{NumericalInput as m}from"#package/ui-sdk";import{AssistantPanelName as n}from"../theme.js";import{clampFormNumber as s}from"./clamp-form-number.js";let l=o("div",{name:n,slot:"formNumber"})(({theme:{palette:r,spacing:i,typography:e}})=>({alignSelf:"stretch",color:r.text.secondary,display:"grid",gap:i(.5),...e.caption})),d=(r,i)=>i?`${r} ${i}`:String(r),u=r=>""===r.trim()?null:Number(r);export const FormNumber=({attributes:{value:o,min:n,max:p,step:v,unit:c},label:f,disabled:g,state:b,onChange:h})=>{let x=void 0===o?void 0:s(o,{min:n,max:p}),j=b??x;a(()=>{void 0===b&&void 0!==x&&h(x,d(x,c))},[b,x,c,h]);let N=t(r=>h(r,d(r,c)),[h,c]),S=t(()=>{if(void 0===j)return;let r=s(j,{min:n,max:p});r!==j&&N(r)},[j,n,p,N]),k=t(r=>void 0===j?"":String(r),[j]);return i(l,{role:"group","aria-label":f,children:[null!=f&&r("span",{"aria-hidden":!0,children:f}),r(m,{value:j??n??0,min:n,max:p,unit:c,size:"small",disabled:g,withSlider:void 0!==n&&void 0!==p,sliderProps:void 0===v?void 0:{step:v},inputFieldProps:{parseValue:u,formatValue:k,invalidNumberErrorMessage:r(e,{id:"sdk.assistant.form.number.invalid",message:"Enter a number."})},onChange:N,onChanged:S})]})};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Trans as e}from"@lingui/react";import{styled as o,useThemeProps as a}from"@mui/material";import{useCallback as t,useEffect as l}from"react";import{NumericalInput as m}from"#package/ui-sdk";import{clampFormNumber as n}from"./clamp-form-number.js";let s="PhxAssistantFormNumber",d=o("div",{name:s,slot:"root"})(({theme:{palette:r,spacing:i,typography:e}})=>({alignSelf:"stretch",color:r.text.secondary,display:"grid",gap:i(.5),...e.caption})),u=(r,i)=>i?`${r} ${i}`:String(r),p=r=>""===r.trim()?null:Number(r),g={};export const FormNumber=({attributes:{value:o,min:v,max:b,step:c,unit:f},label:h,disabled:x,state:j,onChange:N})=>{let S=void 0===o?void 0:n(o,{min:v,max:b}),k=j??S;l(()=>{void 0===j&&void 0!==S&&N(S,u(S,f))},[j,S,f,N]);let F=t(r=>N(r,u(r,f)),[N,f]),P=t(()=>{if(void 0===k)return;let r=n(k,{min:v,max:b});r!==k&&F(r)},[k,v,b,F]),y=t(r=>void 0===k?"":String(r),[k]),A=t(()=>h??"",[h]),{slots:C={},slotProps:E={}}=a({props:g,name:s});return i(C.root??d,{role:"group","aria-label":h,...E.root,children:[null!=h&&r("span",{"aria-hidden":!0,children:h}),r(m,{value:k??v??0,min:v,max:b,unit:f,size:"small",disabled:x,withSlider:void 0!==v&&void 0!==b,sliderProps:{step:c,getAriaLabel:null==h?void 0:A},inputFieldProps:{"aria-label":h,parseValue:p,formatValue:y,invalidNumberErrorMessage:r(e,{id:"sdk.assistant.form.number.invalid",message:"Enter a number."})},onChange:F,onChanged:P})]})};

package/dist/configurator/ui/assistant/form-elements/FormOptions.d.ts

@@ -1,6 +1,57 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { ElementType, HTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormContainerProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormOptions';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormOptionsSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormOptionsProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Label: 'label';
+    readonly Row: 'row';
+};
+type FormOptionsSlots = ValueOf<typeof Slots>;
 type FormOptionsProps = FormContainerProps<AssistantBuiltInFormElementAttributes<'choice' | 'choices'>>;
+/**
+ * The slots of a form `choice` or `choices`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormOptionsProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The `choice` or `choices` (`div`).
+     * - `label` — The label above the options (`div`).
+     * - `row` — The wrapping row of options (`div`).
+     */
+    readonly slots?: Partial<Record<FormOptionsSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the element.
+     * - `label` — Props for the label.
+     * - `row` — Props for the row.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: HTMLAttributes<HTMLDivElement>;
+        readonly [Slots.Label]: HTMLAttributes<HTMLDivElement>;
+        readonly [Slots.Row]: HTMLAttributes<HTMLDivElement>;
+    }>;
+}
 /** A `choice` or `choices`: its options in a wrapping row under its label. */
 export declare const FormOptions: ({ label, children }: FormOptionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/configurator/ui/assistant/form-elements/FormOptions.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r}from"@mui/material";import{AssistantPanelName as i}from"../theme.js";let t=r("div",{name:i,slot:"formOptions"})(({theme:{spacing:e}})=>({display:"grid",gap:e(.75)})),a=r("div",{name:i,slot:"formOptionsLabel"})(({theme:{palette:e,typography:o}})=>({...o.caption,color:e.text.secondary})),m=r("div",{name:i,slot:"formOptionsRow"})(({theme:{spacing:e}})=>({display:"flex",flexWrap:"wrap",gap:e(.75)}));export const FormOptions=({label:r,children:i})=>o(t,{role:"group","aria-label":r,children:[null!=r&&e(a,{"aria-hidden":!0,children:r}),e(m,{children:i})]});
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as o,useThemeProps as a}from"@mui/material";let t="PhxAssistantFormOptions",l=o("div",{name:t,slot:"root"})(({theme:{spacing:r}})=>({display:"grid",gap:r(.75)})),i=o("div",{name:t,slot:"label"})(({theme:{palette:r,typography:e}})=>({...e.caption,color:r.text.secondary})),s=o("div",{name:t,slot:"row"})(({theme:{spacing:r}})=>({display:"flex",flexWrap:"wrap",gap:r(.75)})),n={};export const FormOptions=({label:o,children:m})=>{let{slots:p={},slotProps:d={}}=a({props:n,name:t}),c=p.root??l,h=p.label??i,x=p.row??s;return e(c,{role:"group","aria-label":o,...d.root,children:[null!=o&&r(h,{"aria-hidden":!0,...d.label,children:o}),r(x,{...d.row,children:m})]})};

package/dist/configurator/ui/assistant/form-elements/FormReply.d.ts

@@ -1,6 +1,49 @@
+import type { ComponentsOverrides } from '@mui/material';
+import type { ButtonHTMLAttributes, ElementType } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormOptionProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormReply';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormReplySlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormReplyProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+};
+type FormReplySlots = ValueOf<typeof Slots>;
 type FormReplyProps = FormOptionProps<AssistantBuiltInFormElementAttributes<'reply'>>;
+/**
+ * The slots of a form `reply`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormReplyProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The answer button (`button`).
+     */
+    readonly slots?: Partial<Record<FormReplySlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the button.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: ButtonHTMLAttributes<HTMLButtonElement>;
+    }>;
+}
 /** A `reply`: a short answer as a small pill, marked while it is picked. */
 export declare const FormReply: ({ attributes, label, disabled, selected, onSelect }: FormReplyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/configurator/ui/assistant/form-elements/FormReply.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{alpha as e,styled as o}from"@mui/material";import{AssistantPanelName as i}from"../theme.js";let a=o("button",{name:i,slot:"formReply"})(({theme:{palette:r,spacing:o,typography:i}})=>({...i.body2,background:r.background.paper,border:`1px solid ${r.divider}`,borderRadius:"calc(infinity * 1px)",color:r.text.primary,cursor:"pointer",margin:0,paddingBlock:o(.25),paddingInline:o(1.25),textAlign:"start","&:hover:not(:disabled)":{background:r.action.hover},"&:focus-visible":{outline:`2px solid ${r.primary.main}`,outlineOffset:1},"&:disabled":{color:r.text.disabled,cursor:"default"},'&[aria-pressed="true"]':{background:e(r.primary.main,r.action.selectedOpacity),borderColor:r.primary.main}}));export const FormReply=({attributes:e,label:o,disabled:i,selected:t,onSelect:d})=>r(a,{type:"button",disabled:i,"aria-pressed":t,onClick:()=>d([e.value,o].find(Boolean)??""),children:o});
+import{jsx as r}from"react/jsx-runtime";import{alpha as o,styled as e,useThemeProps as i}from"@mui/material";let t="PhxAssistantFormReply",a=e("button",{name:t,slot:"root"})(({theme:{palette:r,spacing:e,typography:i}})=>({...i.body2,background:r.background.paper,border:`1px solid ${r.divider}`,borderRadius:"calc(infinity * 1px)",color:r.text.primary,cursor:"pointer",margin:0,paddingBlock:e(.25),paddingInline:e(1.25),textAlign:"start","&:hover:not(:disabled)":{background:r.action.hover},"&:focus-visible":{outline:`2px solid ${r.primary.main}`,outlineOffset:1},"&:disabled":{color:r.text.disabled,cursor:"default"},'&[aria-pressed="true"]':{background:o(r.primary.main,r.action.selectedOpacity),borderColor:r.primary.main}})),n={};export const FormReply=({attributes:o,label:e,disabled:d,selected:l,onSelect:s})=>{let{slots:p={},slotProps:c={}}=i({props:n,name:t});return r(p.root??a,{...c.root,type:"button",disabled:d,"aria-pressed":l,onClick:()=>s([o.value,e].find(Boolean)??""),children:e})};

package/dist/configurator/ui/assistant/form-elements/FormSwatch.d.ts

@@ -1,6 +1,57 @@
+import type { ComponentsOverrides } from '@mui/material';
+import { type ButtonHTMLAttributes, type ElementType, type HTMLAttributes, type ImgHTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormOptionProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormSwatch';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormSwatchSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormSwatchProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Image: 'image';
+    readonly Check: 'check';
+};
+type FormSwatchSlots = ValueOf<typeof Slots>;
 type FormSwatchProps = FormOptionProps<AssistantBuiltInFormElementAttributes<'swatch'>>;
+/**
+ * The slots of a form `swatch`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormSwatchProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The swatch (`button`).
+     * - `image` — The picture that covers it (`img`).
+     * - `check` — The check mark of a picked swatch (`span`).
+     */
+    readonly slots?: Partial<Record<FormSwatchSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the swatch.
+     * - `image` — Props for the picture.
+     * - `check` — Props for the check mark.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: ButtonHTMLAttributes<HTMLButtonElement>;
+        readonly [Slots.Image]: ImgHTMLAttributes<HTMLImageElement>;
+        readonly [Slots.Check]: HTMLAttributes<HTMLSpanElement>;
+    }>;
+}
 /**
  * A `swatch`: a small square filled with its color or covered by its picture, its label in a
  * tooltip, ringed and checked while it is picked. A picture that is not a resource path or fails to

package/dist/configurator/ui/assistant/form-elements/FormSwatch.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Tooltip as r,styled as o}from"@mui/material";import{useCallback as a,useState as t}from"react";import{PhxIcon as n}from"#package/ui-sdk";import{useResourceImageUrl as l}from"../resource-image/index.js";import{AssistantPanelName as s}from"../theme.js";let d=o("button",{name:s,slot:"formSwatch"})(({theme:{palette:e,shape:i}})=>({background:e.action.hover,blockSize:36,border:`1px solid ${e.divider}`,borderRadius:i.borderRadius,cursor:"pointer",flex:"none",inlineSize:36,margin:0,overflow:"hidden",padding:0,position:"relative","&:focus-visible":{outline:`2px solid ${e.primary.main}`,outlineOffset:3},"&:disabled":{cursor:"default",opacity:e.action.disabledOpacity},'&[aria-pressed="true"]':{boxShadow:`0 0 0 2px ${e.background.paper}, 0 0 0 4px ${e.primary.main}`}})),m=o("img",{name:s,slot:"formSwatchImage"})({blockSize:"100%",display:"block",inlineSize:"100%",objectFit:"cover"}),c=o("span",{name:s,slot:"formSwatchCheck"})(({theme:{palette:e}})=>({alignItems:"center",background:e.primary.main,borderRadius:"50%",color:e.primary.contrastText,display:"flex",fontSize:14,inset:"50% auto auto 50%",justifyContent:"center",padding:2,position:"absolute",transform:"translate(-50%, -50%)"})),p=o("span")({display:"inline-flex"});export const FormSwatch=({attributes:o,label:s,disabled:u,selected:f,onSelect:b})=>{let{value:h,color:x,image:g}=o,y=l()(g),[k,S]=t(),j=[s,h,x,g].find(Boolean),v=a(()=>{S(y)},[y]);return e(r,{title:j??"",placement:"top",children:e(p,{children:i(d,{type:"button","aria-label":j,disabled:u,"aria-pressed":f,onClick:()=>b([h,s,x,g].find(Boolean)??""),style:null==x?void 0:{background:x},children:[null!=y&&y!==k&&e(m,{src:y,alt:"",loading:"lazy",onError:v}),f&&e(c,{"aria-hidden":!0,children:e(n,{name:"Check",fontSize:"inherit"})})]})})})};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Tooltip as o,styled as r,useThemeProps as a}from"@mui/material";import{useCallback as t,useState as n}from"react";import{PhxIcon as l}from"#package/ui-sdk";import{useResourceImageUrl as s}from"../resource-image/index.js";let d="PhxAssistantFormSwatch",c=r("button",{name:d,slot:"root"})(({theme:{palette:e,shape:i}})=>({background:e.action.hover,blockSize:36,border:`1px solid ${e.divider}`,borderRadius:i.borderRadius,cursor:"pointer",flex:"none",inlineSize:36,margin:0,overflow:"hidden",padding:0,position:"relative","&:focus-visible":{outline:`2px solid ${e.primary.main}`,outlineOffset:3},"&:disabled":{cursor:"default",opacity:e.action.disabledOpacity},'&[aria-pressed="true"]':{boxShadow:`0 0 0 2px ${e.background.paper}, 0 0 0 4px ${e.primary.main}`}})),m=r("img",{name:d,slot:"image"})({blockSize:"100%",display:"block",inlineSize:"100%",objectFit:"cover"}),p=r("span",{name:d,slot:"check"})(({theme:{palette:e}})=>({alignItems:"center",background:e.primary.main,borderRadius:"50%",color:e.primary.contrastText,display:"flex",fontSize:14,inset:"50% auto auto 50%",justifyContent:"center",padding:2,position:"absolute",transform:"translate(-50%, -50%)"})),u=r("span")({display:"inline-flex"}),b={};export const FormSwatch=({attributes:r,label:f,disabled:h,selected:g,onSelect:x})=>{let{value:y,color:k,image:S}=r,z=s()(S),[j,v]=n(),w=[f,y,k,S].find(Boolean),{slots:$={},slotProps:C={}}=a({props:b,name:d}),F=t(()=>{v(z)},[z]),R=$.root??c,B=$.image??m,O=$.check??p;return e(o,{title:w??"",placement:"top",children:e(u,{children:i(R,{...C.root,type:"button","aria-label":w,disabled:h,"aria-pressed":g,onClick:()=>x([y,f,k,S].find(Boolean)??""),style:null==k?C.root?.style:{...C.root?.style,background:k},children:[null!=z&&z!==j&&e(B,{loading:"lazy",...C.image,src:z,alt:"",onError:F}),g&&e(O,{"aria-hidden":!0,...C.check,children:e(l,{name:"Check",fontSize:"inherit"})})]})})})};

package/dist/configurator/ui/assistant/form-elements/FormText.d.ts

@@ -1,5 +1,52 @@
+import type { ComponentsOverrides, InputBaseProps } from '@mui/material';
+import { type ElementType, type LabelHTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
 import type { AssistantBuiltInFormElementAttributes } from '#package/domain';
 import type { FormInputProps } from './form-element-props.js';
+declare const MuiComponentName: 'PhxAssistantFormText';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: FormTextSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantFormTextProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Input: 'input';
+};
+type FormTextSlots = ValueOf<typeof Slots>;
+/**
+ * The slots of a form `text`.
+ *
+ * Read from the theme only: the component takes exactly the props of its form element.
+ */
+export interface ThemeableAssistantFormTextProps {
+    /**
+     * The components used for each slot.
+     *
+     * - `root` — The field with its label (`label`).
+     * - `input` — The text input (`InputBase`).
+     */
+    readonly slots?: Partial<Record<FormTextSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the field.
+     * - `input` — Props for the input.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: LabelHTMLAttributes<HTMLLabelElement>;
+        readonly [Slots.Input]: InputBaseProps;
+    }>;
+}
 type FormTextProps = FormInputProps<string, AssistantBuiltInFormElementAttributes<'text'>>;
 /** A `text`: a single line the user types, with its label above it. */
 export declare const FormText: ({ attributes: { value, placeholder }, label, disabled, state, onChange }: FormTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/assistant/form-elements/FormText.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{InputBase as t,styled as o}from"@mui/material";import{useCallback as i,useEffect as a}from"react";import{AssistantPanelName as d}from"../theme.js";let m=o("label",{name:d,slot:"formText"})(({theme:{palette:e,spacing:r,typography:t}})=>({alignSelf:"stretch",color:e.text.secondary,display:"grid",gap:r(.5),...t.caption})),l=e=>""===e.trim()?void 0:e.trim(),n=o(t,{name:d,slot:"formTextInput"})(({theme:{palette:e,spacing:r,typography:t}})=>({...t.body2,border:`1px solid ${e.divider}`,borderRadius:12,color:e.text.primary,paddingBlock:r(.75),paddingInline:r(1.5),"&.Mui-focused":{borderColor:e.primary.main},"& .MuiInputBase-input":{padding:0}}));export const FormText=({attributes:{value:t,placeholder:o},label:d,disabled:s,state:p,onChange:c})=>(a(()=>{void 0===p&&void 0!==t&&""!==t&&c(t,l(t))},[p,t,c]),r(m,{children:[d,e(n,{value:p??t??"",placeholder:o,disabled:s,onChange:i(e=>{let r=e.target.value;c(r,l(r))},[c])})]}));
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{InputBase as e,styled as o,useThemeProps as i}from"@mui/material";import{useCallback as a,useEffect as d}from"react";let l="PhxAssistantFormText",n=o("label",{name:l,slot:"root"})(({theme:{palette:t,spacing:r,typography:e}})=>({alignSelf:"stretch",color:t.text.secondary,display:"grid",gap:r(.5),...e.caption})),s=t=>""===t.trim()?void 0:t.trim(),m=o(e,{name:l,slot:"input"})(({theme:{palette:t,spacing:r,typography:e}})=>({...e.body2,border:`1px solid ${t.divider}`,borderRadius:12,color:t.text.primary,paddingBlock:r(.75),paddingInline:r(1.5),"&.Mui-focused":{borderColor:t.primary.main},"& .MuiInputBase-input":{padding:0}})),p={};export const FormText=({attributes:{value:e,placeholder:o},label:u,disabled:c,state:x,onChange:g})=>{let{slots:b={},slotProps:h={}}=i({props:p,name:l});d(()=>{void 0===x&&void 0!==e&&""!==e&&g(e,s(e))},[x,e,g]);let v=a(t=>{let r=t.target.value;g(r,s(r))},[g]),f=b.root??n,y=b.input??m;return r(f,{...h.root,children:[u,t(y,{placeholder:o,...h.input,value:x??e??"",disabled:c,onChange:v})]})};

package/dist/configurator/ui/assistant/form-elements/index.d.ts

@@ -1,9 +1,9 @@
 export type { FormContainerProps, FormElementAttributes, FormInputProps, FormOptionProps, } from './form-element-props.js';
-export { FormCard } from './FormCard.js';
-export { FormConfirm } from './FormConfirm.js';
-export { FormGroup } from './FormGroup.js';
-export { FormOptions } from './FormOptions.js';
-export { FormNumber } from './FormNumber.js';
-export { FormReply } from './FormReply.js';
-export { FormSwatch } from './FormSwatch.js';
-export { FormText } from './FormText.js';
+export { FormCard, type ThemeableAssistantFormCardProps } from './FormCard.js';
+export { FormConfirm, type ThemeableAssistantFormConfirmProps } from './FormConfirm.js';
+export { FormGroup, type ThemeableAssistantFormGroupProps } from './FormGroup.js';
+export { FormOptions, type ThemeableAssistantFormOptionsProps } from './FormOptions.js';
+export { FormNumber, type ThemeableAssistantFormNumberProps } from './FormNumber.js';
+export { FormReply, type ThemeableAssistantFormReplyProps } from './FormReply.js';
+export { FormSwatch, type ThemeableAssistantFormSwatchProps } from './FormSwatch.js';
+export { FormText, type ThemeableAssistantFormTextProps } from './FormText.js';

package/dist/configurator/ui/assistant/index.d.ts

@@ -1,5 +1,23 @@
-export { AssistantPanel, ASSISTANT_PANEL_SLOT } from './AssistantPanel.js';
+export { AssistantPanel, ASSISTANT_PANEL_SLOT, type ThemeableAssistantPanelProps } from './AssistantPanel.js';
+export type { ThemeableAssistantPanelHeaderProps } from './panel/index.js';
+export type { ThemeableAssistantComposerProps } from './AssistantComposer.js';
+export { AnnotationOverlay, type ThemeableAssistantAnnotationBadgeProps, type ThemeableAssistantAnnotationCommentProps, type ThemeableAssistantAnnotationProps, } from './annotation/index.js';
+export type { ThemeableAssistantAlertProps } from './alert/index.js';
+export type { ThemeableAssistantMessageImagesProps } from './attachments/index.js';
+export type { ThemeableAssistantReferenceLinkProps } from './reference-link/index.js';
+export type { ThemeableAssistantImageProps } from './resource-image/index.js';
+export type { ThemeableAssistantScreenshotsProps } from './screenshots/index.js';
+export type { ThemeableAssistantThreadProps } from './AssistantThread.js';
 export { useIsAssistantPanelOpen } from './use-is-assistant-panel-open.js';
-export type { AssistantFormElementRoleProps, AssistantFormElementType, CreateAssistantFormElement, } from './form/index.js';
+export type { AssistantBuiltInFormSlots, AssistantFormElementRoleProps, AssistantFormElementType, CreateAssistantFormElement, ThemeableAssistantFormProps, } from './form/index.js';
 export { createAssistantFormElementFactory } from './form/index.js';
-export type { FormContainerProps, FormInputProps, FormOptionProps } from './form-elements/index.js';
+export type { FormContainerProps, FormInputProps, FormOptionProps, ThemeableAssistantFormCardProps, ThemeableAssistantFormConfirmProps, ThemeableAssistantFormGroupProps, ThemeableAssistantFormNumberProps, ThemeableAssistantFormOptionsProps, ThemeableAssistantFormReplyProps, ThemeableAssistantFormSwatchProps, ThemeableAssistantFormTextProps, } from './form-elements/index.js';
+export { useAssistantThread, type UseAssistantThread, type UseAssistantThreadResult } from './use-assistant-thread.js';
+export { useAssistantComposer, type AssistantComposerAttachment, type AssistantComposerNotice, type UseAssistantComposer, type UseAssistantComposerResult, } from './use-assistant-composer.js';
+export { AssistantSeparator, type AssistantThreadItemSlots, AssistantThreadItemView, type AssistantThreadItemViewProps, AssistantUserMessage, type AssistantUserMessageProps, type ThemeableAssistantSeparatorProps, type ThemeableAssistantUserMessageProps, } from './AssistantThreadItemView.js';
+export { AssistantMarkdown, type AssistantMarkdownProps, type ThemeableAssistantMarkdownProps, } from './AssistantMarkdown.js';
+export { AssistantToolChips, type AssistantToolChipsProps, type ThemeableAssistantToolChipsProps, } from './AssistantChips.js';
+export { type ThemeableAssistantEntityLinkProps, EntityLinkSelectionProvider, type EntityLinkSelectionProviderProps, type EntityLinkSelection, useCreateEntityLinkSelection, } from './entity-link/index.js';
+export type { AssistantFailure, AssistantFailureKind } from './assistant-failure.js';
+export type { AssistantFormsVisibility, AssistantThreadItem, AssistantToolItem } from './thread-items.js';
+export type { AssistantToolChip, AssistantToolChipLabel, AssistantToolChipState } from './tool-chip.js';

package/dist/configurator/ui/assistant/index.js

@@ -1 +1 @@
-export{AssistantPanel,ASSISTANT_PANEL_SLOT}from"./AssistantPanel.js";export{useIsAssistantPanelOpen}from"./use-is-assistant-panel-open.js";export{createAssistantFormElementFactory}from"./form/index.js";
+export{AssistantPanel,ASSISTANT_PANEL_SLOT}from"./AssistantPanel.js";export{AnnotationOverlay}from"./annotation/index.js";export{useIsAssistantPanelOpen}from"./use-is-assistant-panel-open.js";export{createAssistantFormElementFactory}from"./form/index.js";export{useAssistantThread}from"./use-assistant-thread.js";export{useAssistantComposer}from"./use-assistant-composer.js";export{AssistantSeparator,AssistantThreadItemView,AssistantUserMessage}from"./AssistantThreadItemView.js";export{AssistantMarkdown}from"./AssistantMarkdown.js";export{AssistantToolChips}from"./AssistantChips.js";export{EntityLinkSelectionProvider,useCreateEntityLinkSelection}from"./entity-link/index.js";

package/dist/configurator/ui/assistant/panel/AssistantPanelHeader.d.ts

@@ -0,0 +1,49 @@
+import type { ComponentsOverrides, IconButtonProps, TypographyProps } from '@mui/material';
+import { type ElementType, type HTMLAttributes } from 'react';
+import type { ValueOf } from '@salsita-ai/common/utils';
+declare const MuiComponentName: 'PhxAssistantPanelHeader';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: AssistantPanelHeaderSlots;
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: ThemeableAssistantPanelHeaderProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+declare const Slots: {
+    readonly Root: 'root';
+    readonly Title: 'title';
+    readonly CloseButton: 'closeButton';
+};
+type AssistantPanelHeaderSlots = ValueOf<typeof Slots>;
+export interface ThemeableAssistantPanelHeaderProps {
+    /**
+     * The components used for each slot inside the panel's header.
+     *
+     * - `root` — The header bar (`header`).
+     * - `title` — The panel's title (`Typography`).
+     * - `closeButton` — The control that closes the panel (`IconButton`).
+     */
+    readonly slots?: Partial<Record<AssistantPanelHeaderSlots, ElementType>>;
+    /**
+     * Props applied to each slot component.
+     *
+     * - `root` — Props for the header bar.
+     * - `title` — Props for the title.
+     * - `closeButton` — Props for the close control.
+     */
+    readonly slotProps?: Partial<{
+        readonly [Slots.Root]: HTMLAttributes<HTMLElement>;
+        readonly [Slots.Title]: TypographyProps;
+        readonly [Slots.CloseButton]: IconButtonProps;
+    }>;
+}
+/** The header of the built-in assistant panel: the panel's title and a control that closes it. */
+export declare const AssistantPanelHeader: (inProps: ThemeableAssistantPanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/configurator/ui/assistant/panel/AssistantPanelHeader.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{IconButton as s,Tooltip as a,Typography as o,styled as i,useThemeProps as n}from"@mui/material";import{useCallback as l}from"react";import{useLocalizable as r}from"#package/react-sdk";import{PhxIcon as m}from"#package/ui-sdk";import{useConfigurator as d}from"../../../application-runtime/index.js";let p="PhxAssistantPanelHeader",c={id:"sdk.assistant.panel.title",message:"Assistant"},u={id:"sdk.assistant.panel.close.label",message:"Close assistant"},g={Root:i("header",{name:p,slot:"root"})(({theme:{palette:t,spacing:e}})=>({alignItems:"center",borderBlockEnd:`1px solid ${t.divider}`,display:"flex",gap:e(1),justifyContent:"space-between",paddingBlock:e(1),paddingInline:`var(--phx-sidebar-padding, ${e(2)}) ${e(1)}`})),Title:i(o,{name:p,slot:"title"})({fontWeight:600}),CloseButton:i(s,{name:p,slot:"closeButton"})({})};export const AssistantPanelHeader=s=>{let{slots:o={},slotProps:i={}}=n({props:s,name:p}),{assistantSystem:h}=d(),f=r(c),k=r(u),x=l(()=>{h.setOpen(!1)},[h]),B=o.root??g.Root,b=o.title??g.Title,j=o.closeButton??g.CloseButton;return e(B,{...i.root,children:[t(b,{variant:"subtitle1",component:"h2",...i.title,children:f}),t(a,{title:k,placement:"top",children:t(j,{size:"small","aria-label":k,...i.closeButton,onClick:x,children:t(m,{name:"X"})})})]})};

package/dist/configurator/ui/assistant/panel/index.d.ts

@@ -0,0 +1 @@
+export { AssistantPanelHeader, type ThemeableAssistantPanelHeaderProps } from './AssistantPanelHeader.js';

package/dist/configurator/ui/assistant/panel/index.js

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

package/dist/configurator/ui/assistant/popover/AssistantPopover.d.ts

@@ -0,0 +1,24 @@
+import { type KeyboardEvent, type ReactElement, type ReactNode } from 'react';
+/** What makes the element that opens a popover a button to the keyboard and to assistive technology. */
+export interface AssistantPopoverTriggerProps {
+    readonly role: 'button';
+    readonly tabIndex: 0;
+    readonly 'aria-expanded': boolean;
+    readonly onClick: () => void;
+    readonly onKeyDown: (event: KeyboardEvent) => void;
+}
+export interface AssistantPopoverProps {
+    /**
+     * What the popover shows; the tooltip mounts it only while the popover is open. `rePlace` places
+     * the popover again after its content changed size, as when a picture in it has loaded.
+     */
+    readonly title: (rePlace: () => void) => ReactNode;
+    /** The element that opens the popover, given the props that make it do so. */
+    readonly children: (trigger: AssistantPopoverTriggerProps) => ReactElement;
+}
+/**
+ * A popover over something in the thread, such as a reference in a reply or the screenshots of a
+ * tool call: hovering, focusing or tapping its element opens it; leaving it, tapping outside or
+ * Escape closes it. It describes its element, whose label stays its own.
+ */
+export declare const AssistantPopover: ({ title, children }: AssistantPopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/ui/assistant/popover/AssistantPopover.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{ClickAwayListener as n,Tooltip as o}from"@mui/material";import{useCallback as t,useRef as r,useState as i}from"react";export const AssistantPopover=({title:p,children:a})=>{let[l,s]=i(!1),c=t(()=>s(!0),[]),u=t(()=>s(!1),[]),d=r(null),m=t(e=>{d.current=e},[]),x=t(()=>{d.current?.update()},[]),h=t(e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),s(!0))},[]);return e(n,{onClickAway:u,mouseEvent:!!l&&"onClick",touchEvent:!!l&&"onTouchEnd",children:e(o,{open:l,onOpen:c,onClose:u,title:p(x),placement:"top-start",describeChild:!0,disableTouchListener:!0,PopperProps:{popperRef:m},slotProps:{tooltip:{sx:{background:"none",maxInlineSize:"none",padding:0}}},children:a({role:"button",tabIndex:0,"aria-expanded":l,onClick:c,onKeyDown:h})})})};

package/dist/configurator/ui/assistant/popover/index.d.ts

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

package/dist/configurator/ui/assistant/popover/index.js

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