@frontmcp/ui 1.11.1 → 1.11.3

package/esm/components/index.mjs

@@ -1,7 +1,7 @@
 // libs/ui/src/components/Button/Button.tsx
-import { styled } from "@mui/material/styles";
 import MuiButton from "@mui/material/Button";
 import CircularProgress from "@mui/material/CircularProgress";
+import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
 function mapVariant(variant) {
   switch (variant) {
@@ -54,12 +54,12 @@ function Button({
 }
 
 // libs/ui/src/components/Card/Card.tsx
-import { styled as styled2 } from "@mui/material/styles";
 import MuiCard from "@mui/material/Card";
-import CardHeader from "@mui/material/CardHeader";
-import CardContent from "@mui/material/CardContent";
-import CardActions from "@mui/material/CardActions";
 import CardActionArea from "@mui/material/CardActionArea";
+import CardActions from "@mui/material/CardActions";
+import CardContent from "@mui/material/CardContent";
+import CardHeader from "@mui/material/CardHeader";
+import { styled as styled2 } from "@mui/material/styles";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var StyledCard = styled2(MuiCard, {
   name: "Card",
@@ -128,9 +128,9 @@ function Card({
 }
 
 // libs/ui/src/components/Alert/Alert.tsx
-import { useState } from "react";
 import MuiAlert from "@mui/material/Alert";
 import AlertTitle from "@mui/material/AlertTitle";
+import { useState } from "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Alert({
   severity = "info",
@@ -153,8 +153,8 @@ function Alert({
 }
 
 // libs/ui/src/components/Badge/Badge.tsx
-import React2 from "react";
 import Chip from "@mui/material/Chip";
+import React2 from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function mapColor(variant) {
   switch (variant) {
@@ -213,12 +213,12 @@ function Avatar({ src, alt, children, size = 40, variant = "circular" }) {
 }
 
 // libs/ui/src/components/Modal/Modal.tsx
-import { styled as styled3 } from "@mui/material/styles";
 import Dialog from "@mui/material/Dialog";
-import DialogTitle from "@mui/material/DialogTitle";
-import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
 import IconButton from "@mui/material/IconButton";
+import { styled as styled3 } from "@mui/material/styles";
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var StyledDialogTitle = styled3(DialogTitle, {
   name: "Modal",
@@ -257,6 +257,7 @@ function Modal({
 }
 
 // libs/ui/src/components/Table/Table.tsx
+import Paper from "@mui/material/Paper";
 import { styled as styled4 } from "@mui/material/styles";
 import MuiTable from "@mui/material/Table";
 import TableBody from "@mui/material/TableBody";
@@ -264,7 +265,6 @@ import TableCell from "@mui/material/TableCell";
 import TableContainer from "@mui/material/TableContainer";
 import TableHead from "@mui/material/TableHead";
 import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var StyledHeaderCell = styled4(TableCell, {
   name: "Table",
@@ -332,8 +332,8 @@ function TextField({
 }
 
 // libs/ui/src/components/Select/Select.tsx
-import MuiTextField2 from "@mui/material/TextField";
 import MenuItem from "@mui/material/MenuItem";
+import MuiTextField2 from "@mui/material/TextField";
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function Select({
   label,
@@ -374,13 +374,13 @@ function Select({
 }
 
 // libs/ui/src/components/List/List.tsx
-import React3 from "react";
+import Divider from "@mui/material/Divider";
 import MuiList from "@mui/material/List";
 import ListItem from "@mui/material/ListItem";
 import ListItemButton from "@mui/material/ListItemButton";
 import ListItemIcon from "@mui/material/ListItemIcon";
 import ListItemText from "@mui/material/ListItemText";
-import Divider from "@mui/material/Divider";
+import React3 from "react";
 import { Fragment, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 function List({ items, dense = false }) {
   return /* @__PURE__ */ jsx10(MuiList, { dense, children: items.map((item) => {
@@ -396,13 +396,13 @@ function List({ items, dense = false }) {
 }
 
 // libs/ui/src/components/Loader/Loader.tsx
+import Backdrop from "@mui/material/Backdrop";
 import Box from "@mui/material/Box";
 import CircularProgress2 from "@mui/material/CircularProgress";
 import LinearProgress from "@mui/material/LinearProgress";
 import Skeleton from "@mui/material/Skeleton";
-import Backdrop from "@mui/material/Backdrop";
-import Typography from "@mui/material/Typography";
 import { styled as styled5 } from "@mui/material/styles";
+import Typography from "@mui/material/Typography";
 
 // libs/ui/src/components/Loader/LoaderContext.tsx
 import { createContext, useContext, useMemo } from "react";

package/esm/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontmcp/ui",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "description": "React components, bridge hooks and content renderers (built on MUI) for FrontMCP tool widgets in ChatGPT, Claude and other MCP Apps hosts",
   "author": "AgentFront <info@agentfront.dev>",
   "homepage": "https://frontmcp.dev/reference/ui",
@@ -436,7 +436,7 @@
     }
   },
   "dependencies": {
-    "@frontmcp/uipack": "1.11.1"
+    "@frontmcp/uipack": "1.11.3"
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.0",

package/esm/renderer/charts/index.mjs

@@ -1,9 +1,9 @@
 // libs/ui/src/renderer/charts/index.ts
-import React, { useMemo as useMemo2 } from "react";
-import Box from "@mui/material/Box";
 import Alert from "@mui/material/Alert";
-import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
 import { styled } from "@mui/material/styles";
+import Typography from "@mui/material/Typography";
+import React, { useMemo as useMemo2 } from "react";
 
 // libs/ui/src/renderer/common/lazy-import.ts
 var ESM_SH_BASE = "https://esm.sh/";
@@ -64,9 +64,26 @@ function createLazyImport(moduleId, importer) {
   };
 }
 
+// libs/ui/src/renderer/common/use-lazy-module.ts
+import { useEffect, useState } from "react";
+function useLazyModule(lazy) {
+  const [, forceUpdate] = useState(0);
+  useEffect(() => {
+    if (lazy.getState().status === "loaded") {
+      forceUpdate((n) => n + 1);
+      return;
+    }
+    lazy.load().then(
+      () => forceUpdate((n) => n + 1),
+      () => forceUpdate((n) => n + 1)
+    );
+  }, [lazy]);
+  return lazy.get();
+}
+
 // libs/ui/src/renderer/common/use-renderer-theme.ts
-import { useMemo } from "react";
 import { useTheme } from "@mui/material/styles";
+import { useMemo } from "react";
 function extractThemeValues(theme) {
   const palette = theme.palette;
   return {
@@ -101,23 +118,6 @@ function useRendererTheme() {
   return useMemo(() => extractThemeValues(theme), [theme]);
 }
 
-// libs/ui/src/renderer/common/use-lazy-module.ts
-import { useState, useEffect } from "react";
-function useLazyModule(lazy) {
-  const [, forceUpdate] = useState(0);
-  useEffect(() => {
-    if (lazy.getState().status === "loaded") {
-      forceUpdate((n) => n + 1);
-      return;
-    }
-    lazy.load().then(
-      () => forceUpdate((n) => n + 1),
-      () => forceUpdate((n) => n + 1)
-    );
-  }, [lazy]);
-  return lazy.get();
-}
-
 // libs/ui/src/renderer/charts/index.ts
 var CHART_TYPE_RE = /"type"\s*:\s*"(?:bar|line|area|pie|scatter|radar|composed)"/;
 function isChart(content) {

package/esm/renderer/common/index.mjs

@@ -1,6 +1,6 @@
 // libs/ui/src/renderer/common/use-renderer-theme.ts
-import { useMemo } from "react";
 import { useTheme } from "@mui/material/styles";
+import { useMemo } from "react";
 function extractThemeValues(theme) {
   const palette = theme.palette;
   return {
@@ -107,7 +107,7 @@ function createLazyImport(moduleId, importer) {
 }
 
 // libs/ui/src/renderer/common/use-lazy-module.ts
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 function useLazyModule(lazy) {
   const [, forceUpdate] = useState(0);
   useEffect(() => {

package/esm/renderer/csv/index.mjs

@@ -1,16 +1,16 @@
 // libs/ui/src/renderer/csv/index.ts
-import React, { useState, useMemo, useCallback } from "react";
 import Box from "@mui/material/Box";
+import { styled } from "@mui/material/styles";
 import MuiTable from "@mui/material/Table";
 import TableBody from "@mui/material/TableBody";
 import TableCell from "@mui/material/TableCell";
 import TableContainer from "@mui/material/TableContainer";
 import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
 import TablePagination from "@mui/material/TablePagination";
+import TableRow from "@mui/material/TableRow";
 import TableSortLabel from "@mui/material/TableSortLabel";
 import TextField from "@mui/material/TextField";
-import { styled } from "@mui/material/styles";
+import React, { useCallback, useMemo, useState } from "react";
 function detectDelimiter(content) {
   const firstLine = content.split("\n")[0];
   const commas = (firstLine.match(/,/g) ?? []).length;

package/esm/renderer/flow/index.mjs

@@ -1,9 +1,21 @@
 // libs/ui/src/renderer/flow/index.ts
-import React, { useEffect as useEffect2, useMemo as useMemo2 } from "react";
-import Box from "@mui/material/Box";
 import Alert from "@mui/material/Alert";
-import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
 import { styled } from "@mui/material/styles";
+import Typography from "@mui/material/Typography";
+import React, { useEffect as useEffect2, useMemo as useMemo2 } from "react";
+
+// libs/ui/src/renderer/common/inject-stylesheet.ts
+function injectStylesheet(href, id) {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(id)) return;
+  const link = document.createElement("link");
+  link.id = id;
+  link.rel = "stylesheet";
+  link.href = href;
+  link.crossOrigin = "anonymous";
+  document.head.appendChild(link);
+}
 
 // libs/ui/src/renderer/common/lazy-import.ts
 var ESM_SH_BASE = "https://esm.sh/";
@@ -64,21 +76,26 @@ function createLazyImport(moduleId, importer) {
   };
 }
 
-// libs/ui/src/renderer/common/inject-stylesheet.ts
-function injectStylesheet(href, id) {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(id)) return;
-  const link = document.createElement("link");
-  link.id = id;
-  link.rel = "stylesheet";
-  link.href = href;
-  link.crossOrigin = "anonymous";
-  document.head.appendChild(link);
+// libs/ui/src/renderer/common/use-lazy-module.ts
+import { useEffect, useState } from "react";
+function useLazyModule(lazy) {
+  const [, forceUpdate] = useState(0);
+  useEffect(() => {
+    if (lazy.getState().status === "loaded") {
+      forceUpdate((n) => n + 1);
+      return;
+    }
+    lazy.load().then(
+      () => forceUpdate((n) => n + 1),
+      () => forceUpdate((n) => n + 1)
+    );
+  }, [lazy]);
+  return lazy.get();
 }
 
 // libs/ui/src/renderer/common/use-renderer-theme.ts
-import { useMemo } from "react";
 import { useTheme } from "@mui/material/styles";
+import { useMemo } from "react";
 function extractThemeValues(theme) {
   const palette = theme.palette;
   return {
@@ -113,23 +130,6 @@ function useRendererTheme() {
   return useMemo(() => extractThemeValues(theme), [theme]);
 }
 
-// libs/ui/src/renderer/common/use-lazy-module.ts
-import { useState, useEffect } from "react";
-function useLazyModule(lazy) {
-  const [, forceUpdate] = useState(0);
-  useEffect(() => {
-    if (lazy.getState().status === "loaded") {
-      forceUpdate((n) => n + 1);
-      return;
-    }
-    lazy.load().then(
-      () => forceUpdate((n) => n + 1),
-      () => forceUpdate((n) => n + 1)
-    );
-  }, [lazy]);
-  return lazy.get();
-}
-
 // libs/ui/src/renderer/flow/index.ts
 var XYFLOW_CSS_URL = "https://esm.sh/@xyflow/react@12/dist/style.css";
 var XYFLOW_CSS_ID = "fmcp-xyflow-css";

package/esm/renderer/html/index.mjs

@@ -1,7 +1,7 @@
 // libs/ui/src/renderer/html/index.ts
-import React, { useMemo, useState, useEffect } from "react";
 import Box from "@mui/material/Box";
 import { styled } from "@mui/material/styles";
+import React, { useEffect, useMemo, useState } from "react";
 
 // libs/ui/src/renderer/common/lazy-import.ts
 var ESM_SH_BASE = "https://esm.sh/";

package/esm/renderer/image/index.mjs

@@ -1,10 +1,10 @@
 // libs/ui/src/renderer/image/index.ts
-import React, { useState, useCallback, useEffect } from "react";
+import Alert from "@mui/material/Alert";
 import Box from "@mui/material/Box";
 import Skeleton from "@mui/material/Skeleton";
-import Alert from "@mui/material/Alert";
-import Typography from "@mui/material/Typography";
 import { styled } from "@mui/material/styles";
+import Typography from "@mui/material/Typography";
+import React, { useCallback, useEffect, useState } from "react";
 var IMAGE_DATA_URI = /^data:image\/(?:png|jpeg|jpg|gif|webp|svg\+xml|avif)[;,]/;
 var IMAGE_URL = /^https?:\/\/[^?#\s]+\.(?:png|jpe?g|gif|webp|svg|avif|ico)(?:\?[^#\s]*)?$/i;
 var IMAGE_SERVICE_URL = /^https?:\/\/(?:picsum\.photos|images\.unsplash\.com|i\.imgur\.com|placekitten\.com|via\.placeholder\.com)\//i;