@frontmcp/ui 1.4.1 → 1.5.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,7 +15,7 @@ export interface ModalProps {
15
15
  slotProps?: ModalSlotProps;
16
16
  children: React.ReactNode;
17
17
  }
18
- declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/DialogTitle").DialogTitleOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "width" | "height" | "children" | "top" | "className" | "color" | "p" | "style" | "classes" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">, "id" | "width" | "height" | "children" | "onError" | "top" | "ref" | "content" | "key" | "slot" | "resource" | "className" | "hidden" | "color" | "p" | "style" | "title" | "dir" | "classes" | "sx" | "tabIndex" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
18
+ declare const StyledDialogTitle: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/DialogTitle").DialogTitleOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "className" | "color" | "style" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "id" | "children" | "onError" | "ref" | "content" | "key" | "slot" | "resource" | "className" | "hidden" | "color" | "style" | "title" | "dir" | "classes" | "sx" | "tabIndex" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
19
19
  declare const StyledDialogContent: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/DialogContent").DialogContentProps, keyof import("@mui/material/DialogContent").DialogContentProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
20
20
  export declare function Modal({ open, onClose, title, actions, maxWidth, fullWidth, slotProps, children, }: ModalProps): React.ReactElement;
21
21
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAGxD,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,myQASpB,CAAC;AAEJ,QAAA,MAAM,mBAAmB,sQAKtB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAe,EACf,SAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAejC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAGxD,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;CACtD;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,m+KASpB,CAAC;AAEJ,QAAA,MAAM,mBAAmB,sQAKtB,CAAC;AAEJ,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAe,EACf,SAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAejC"}
package/esm/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frontmcp/ui",
3
- "version": "1.4.1",
3
+ "version": "1.5.0-rc.1",
4
4
  "description": "FrontMCP UI - MUI-based React components, renderers, and MCP bridge for MCP applications",
5
5
  "author": "AgentFront <info@agentfront.dev>",
6
6
  "homepage": "https://docs.agentfront.dev",
@@ -374,7 +374,7 @@
374
374
  "peerDependencies": {
375
375
  "@emotion/react": "^11.0.0",
376
376
  "@emotion/styled": "^11.0.0",
377
- "@mui/material": "^7.0.0",
377
+ "@mui/material": "^7.0.0 || ^8.0.0 || ^9.0.0",
378
378
  "@types/react": "^18.0.0 || ^19.0.0",
379
379
  "@types/react-dom": "^18.0.0 || ^19.0.0",
380
380
  "@xyflow/react": "^12.0.0",
@@ -439,7 +439,7 @@
439
439
  }
440
440
  },
441
441
  "optionalDependencies": {
442
- "@frontmcp/uipack": "1.4.1"
442
+ "@frontmcp/uipack": "1.5.0-rc.1"
443
443
  },
444
444
  "devDependencies": {
445
445
  "@types/dompurify": "^3.0.0",
@@ -161,7 +161,7 @@ function ChartView({ config, className }) {
161
161
  { className },
162
162
  config.title && React.createElement(
163
163
  Typography,
164
- { variant: "subtitle1", gutterBottom: true, fontWeight: 600, textAlign: "center" },
164
+ { variant: "subtitle1", gutterBottom: true, sx: { fontWeight: 600, textAlign: "center" } },
165
165
  config.title
166
166
  ),
167
167
  React.createElement(ResponsiveContainer, { width: "100%", height }, chartContent)
@@ -195,7 +195,7 @@ function FlowView({ config, className }) {
195
195
  { className },
196
196
  config.title && React.createElement(
197
197
  Typography,
198
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
198
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
199
199
  config.title
200
200
  ),
201
201
  React.createElement(
@@ -450,9 +450,9 @@ function renderFallback(content) {
450
450
  } else if (line.startsWith("- ") || line.startsWith("* ")) {
451
451
  elements.push(React2.createElement("li", { key: i }, line.slice(2)));
452
452
  } else if (line.startsWith("**") && line.endsWith("**")) {
453
- elements.push(React2.createElement(Typography, { key: i, variant: "body1", fontWeight: 700 }, line.slice(2, -2)));
453
+ elements.push(React2.createElement(Typography, { key: i, variant: "body1", sx: { fontWeight: 700 } }, line.slice(2, -2)));
454
454
  } else if (line.trim()) {
455
- elements.push(React2.createElement(Typography, { key: i, variant: "body1", paragraph: true }, line));
455
+ elements.push(React2.createElement(Typography, { key: i, variant: "body1", sx: { mb: 2 } }, line));
456
456
  }
457
457
  }
458
458
  return elements;
@@ -1274,7 +1274,7 @@ function ChartView({ config, className }) {
1274
1274
  { className },
1275
1275
  config.title && React8.createElement(
1276
1276
  Typography4,
1277
- { variant: "subtitle1", gutterBottom: true, fontWeight: 600, textAlign: "center" },
1277
+ { variant: "subtitle1", gutterBottom: true, sx: { fontWeight: 600, textAlign: "center" } },
1278
1278
  config.title
1279
1279
  ),
1280
1280
  React8.createElement(ResponsiveContainer, { width: "100%", height }, chartContent)
@@ -1631,7 +1631,7 @@ function FlowView({ config, className }) {
1631
1631
  { className },
1632
1632
  config.title && React10.createElement(
1633
1633
  Typography5,
1634
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
1634
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
1635
1635
  config.title
1636
1636
  ),
1637
1637
  React10.createElement(
@@ -1902,7 +1902,7 @@ function MapView({ config, className }) {
1902
1902
  { className },
1903
1903
  config.title && React12.createElement(
1904
1904
  Typography6,
1905
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
1905
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
1906
1906
  config.title
1907
1907
  ),
1908
1908
  React12.createElement(
@@ -166,7 +166,7 @@ function MapView({ config, className }) {
166
166
  { className },
167
167
  config.title && React.createElement(
168
168
  Typography,
169
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
169
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
170
170
  config.title
171
171
  ),
172
172
  React.createElement(
@@ -226,9 +226,9 @@ function renderFallback(content) {
226
226
  } else if (line.startsWith("- ") || line.startsWith("* ")) {
227
227
  elements.push(React.createElement("li", { key: i }, line.slice(2)));
228
228
  } else if (line.startsWith("**") && line.endsWith("**")) {
229
- elements.push(React.createElement(Typography, { key: i, variant: "body1", fontWeight: 700 }, line.slice(2, -2)));
229
+ elements.push(React.createElement(Typography, { key: i, variant: "body1", sx: { fontWeight: 700 } }, line.slice(2, -2)));
230
230
  } else if (line.trim()) {
231
- elements.push(React.createElement(Typography, { key: i, variant: "body1", paragraph: true }, line));
231
+ elements.push(React.createElement(Typography, { key: i, variant: "body1", sx: { mb: 2 } }, line));
232
232
  }
233
233
  }
234
234
  return elements;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frontmcp/ui",
3
- "version": "1.4.1",
3
+ "version": "1.5.0-rc.1",
4
4
  "description": "FrontMCP UI - MUI-based React components, renderers, and MCP bridge for MCP applications",
5
5
  "author": "AgentFront <info@agentfront.dev>",
6
6
  "homepage": "https://docs.agentfront.dev",
@@ -374,7 +374,7 @@
374
374
  "peerDependencies": {
375
375
  "@emotion/react": "^11.0.0",
376
376
  "@emotion/styled": "^11.0.0",
377
- "@mui/material": "^7.0.0",
377
+ "@mui/material": "^7.0.0 || ^8.0.0 || ^9.0.0",
378
378
  "@types/react": "^18.0.0 || ^19.0.0",
379
379
  "@types/react-dom": "^18.0.0 || ^19.0.0",
380
380
  "@xyflow/react": "^12.0.0",
@@ -439,7 +439,7 @@
439
439
  }
440
440
  },
441
441
  "optionalDependencies": {
442
- "@frontmcp/uipack": "1.4.1"
442
+ "@frontmcp/uipack": "1.5.0-rc.1"
443
443
  },
444
444
  "devDependencies": {
445
445
  "@types/dompurify": "^3.0.0",
@@ -197,7 +197,7 @@ function ChartView({ config, className }) {
197
197
  { className },
198
198
  config.title && import_react3.default.createElement(
199
199
  import_Typography.default,
200
- { variant: "subtitle1", gutterBottom: true, fontWeight: 600, textAlign: "center" },
200
+ { variant: "subtitle1", gutterBottom: true, sx: { fontWeight: 600, textAlign: "center" } },
201
201
  config.title
202
202
  ),
203
203
  import_react3.default.createElement(ResponsiveContainer, { width: "100%", height }, chartContent)
@@ -231,7 +231,7 @@ function FlowView({ config, className }) {
231
231
  { className },
232
232
  config.title && import_react3.default.createElement(
233
233
  import_Typography.default,
234
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
234
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
235
235
  config.title
236
236
  ),
237
237
  import_react3.default.createElement(
package/renderer/index.js CHANGED
@@ -537,9 +537,9 @@ function renderFallback(content) {
537
537
  } else if (line.startsWith("- ") || line.startsWith("* ")) {
538
538
  elements.push(import_react4.default.createElement("li", { key: i }, line.slice(2)));
539
539
  } else if (line.startsWith("**") && line.endsWith("**")) {
540
- elements.push(import_react4.default.createElement(import_Typography.default, { key: i, variant: "body1", fontWeight: 700 }, line.slice(2, -2)));
540
+ elements.push(import_react4.default.createElement(import_Typography.default, { key: i, variant: "body1", sx: { fontWeight: 700 } }, line.slice(2, -2)));
541
541
  } else if (line.trim()) {
542
- elements.push(import_react4.default.createElement(import_Typography.default, { key: i, variant: "body1", paragraph: true }, line));
542
+ elements.push(import_react4.default.createElement(import_Typography.default, { key: i, variant: "body1", sx: { mb: 2 } }, line));
543
543
  }
544
544
  }
545
545
  return elements;
@@ -1361,7 +1361,7 @@ function ChartView({ config, className }) {
1361
1361
  { className },
1362
1362
  config.title && import_react10.default.createElement(
1363
1363
  import_Typography4.default,
1364
- { variant: "subtitle1", gutterBottom: true, fontWeight: 600, textAlign: "center" },
1364
+ { variant: "subtitle1", gutterBottom: true, sx: { fontWeight: 600, textAlign: "center" } },
1365
1365
  config.title
1366
1366
  ),
1367
1367
  import_react10.default.createElement(ResponsiveContainer, { width: "100%", height }, chartContent)
@@ -1718,7 +1718,7 @@ function FlowView({ config, className }) {
1718
1718
  { className },
1719
1719
  config.title && import_react12.default.createElement(
1720
1720
  import_Typography5.default,
1721
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
1721
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
1722
1722
  config.title
1723
1723
  ),
1724
1724
  import_react12.default.createElement(
@@ -1989,7 +1989,7 @@ function MapView({ config, className }) {
1989
1989
  { className },
1990
1990
  config.title && import_react14.default.createElement(
1991
1991
  import_Typography6.default,
1992
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
1992
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
1993
1993
  config.title
1994
1994
  ),
1995
1995
  import_react14.default.createElement(
@@ -202,7 +202,7 @@ function MapView({ config, className }) {
202
202
  { className },
203
203
  config.title && import_react2.default.createElement(
204
204
  import_Typography.default,
205
- { variant: "subtitle1", fontWeight: 600, sx: { p: 1.5, borderBottom: 1, borderColor: "divider" } },
205
+ { variant: "subtitle1", sx: { fontWeight: 600, p: 1.5, borderBottom: 1, borderColor: "divider" } },
206
206
  config.title
207
207
  ),
208
208
  import_react2.default.createElement(
@@ -261,9 +261,9 @@ function renderFallback(content) {
261
261
  } else if (line.startsWith("- ") || line.startsWith("* ")) {
262
262
  elements.push(import_react2.default.createElement("li", { key: i }, line.slice(2)));
263
263
  } else if (line.startsWith("**") && line.endsWith("**")) {
264
- elements.push(import_react2.default.createElement(import_Typography.default, { key: i, variant: "body1", fontWeight: 700 }, line.slice(2, -2)));
264
+ elements.push(import_react2.default.createElement(import_Typography.default, { key: i, variant: "body1", sx: { fontWeight: 700 } }, line.slice(2, -2)));
265
265
  } else if (line.trim()) {
266
- elements.push(import_react2.default.createElement(import_Typography.default, { key: i, variant: "body1", paragraph: true }, line));
266
+ elements.push(import_react2.default.createElement(import_Typography.default, { key: i, variant: "body1", sx: { mb: 2 } }, line));
267
267
  }
268
268
  }
269
269
  return elements;