@xyo-network/react-embed 6.2.0 → 7.0.1

package/dist/browser/index.mjs

@@ -1,21 +1,35 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/embed-card/card/BusyCard.tsx
 import { Card } from "@mui/material";
 import { useBusyTiming } from "@xylabs/react-flexbox";
-import { BusyCircularProgress, BusyLinearProgress } from "@xylabs/react-shared";
-import React from "react";
-var BusyCard = /* @__PURE__ */ __name(({ busy, busyMinimum = 500, busyVariant = "circular", busyVariantProps, children, ...props }) => {
+import {
+  BusyCircularProgress,
+  BusyLinearProgress
+} from "@xylabs/react-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BusyCard = ({
+  busy,
+  busyMinimum = 500,
+  busyVariant = "circular",
+  busyVariantProps,
+  children,
+  ...props
+}) => {
   const internalBusy = useBusyTiming(busy, busyMinimum);
-  return /* @__PURE__ */ React.createElement(Card, props, children, busyVariant === "circular" && internalBusy ? /* @__PURE__ */ React.createElement(BusyCircularProgress, busyVariantProps) : null, busyVariant === "linear" && internalBusy ? /* @__PURE__ */ React.createElement(BusyLinearProgress, busyVariantProps) : null);
-}, "BusyCard");
+  return /* @__PURE__ */ jsxs(Card, { ...props, children: [
+    children,
+    busyVariant === "circular" && internalBusy ? /* @__PURE__ */ jsx(BusyCircularProgress, { ...busyVariantProps }) : null,
+    busyVariant === "linear" && internalBusy ? /* @__PURE__ */ jsx(BusyLinearProgress, { ...busyVariantProps }) : null
+  ] });
+};
 
 // src/components/embed-card/card/EmbedCardHeader.tsx
 import { Refresh as RefreshIcon } from "@mui/icons-material";
-import { Avatar, CardHeader, Chip as Chip2 } from "@mui/material";
+import {
+  Avatar,
+  CardHeader,
+  Chip as Chip2
+} from "@mui/material";
 import { FlexRow } from "@xylabs/react-flexbox";
-import React8 from "react";
 
 // src/contexts/EmbedPluginContext/Context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -23,53 +37,72 @@ var EmbedPluginContext = createContextEx();
 
 // src/contexts/EmbedPluginContext/Provider.tsx
 import { useResetState } from "@xylabs/react-hooks";
-import React2 from "react";
-var EmbedPluginProvider = /* @__PURE__ */ __name(({ children, refreshTitle, timestampLabel, hideElementsConfig, plugins, embedPluginConfig }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EmbedPluginProvider = ({
+  children,
+  refreshTitle,
+  timestampLabel,
+  hideElementsConfig,
+  plugins,
+  embedPluginConfig
+}) => {
   const [activePlugin, setActivePlugin] = useResetState(plugins ? plugins[0] : void 0);
-  return /* @__PURE__ */ React2.createElement(EmbedPluginContext, {
-    // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    value: {
-      activePlugin,
-      embedPluginConfig,
-      hideElementsConfig,
-      provided: true,
-      refreshTitle,
-      setActivePlugin,
-      timestampLabel
+  return /* @__PURE__ */ jsx2(
+    EmbedPluginContext,
+    {
+      value: {
+        activePlugin,
+        embedPluginConfig,
+        hideElementsConfig,
+        provided: true,
+        refreshTitle,
+        setActivePlugin,
+        timestampLabel
+      },
+      children
     }
-  }, children);
-}, "EmbedPluginProvider");
+  );
+};
 
 // src/contexts/EmbedPluginContext/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useEmbedPluginState = /* @__PURE__ */ __name(() => useContextEx(EmbedPluginContext, "EmbedPlugin", true), "useEmbedPluginState");
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
 
 // src/contexts/RefreshPayloadContext/Provider.tsx
-import React3, { useState } from "react";
+import { useState } from "react";
 
 // src/contexts/RefreshPayloadContext/Context.ts
 import { createContextEx as createContextEx2 } from "@xylabs/react-shared";
 var RefreshPayloadContext = createContextEx2();
 
 // src/contexts/RefreshPayloadContext/Provider.tsx
-var RefreshPayloadProvider = /* @__PURE__ */ __name(({ children, onRefresh, refreshPayload }) => {
+import { jsx as jsx3 } from "react/jsx-runtime";
+var RefreshPayloadProvider = ({
+  children,
+  onRefresh,
+  refreshPayload
+}) => {
   const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload);
   return (
     // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ React3.createElement(RefreshPayloadContext, {
-      value: {
-        onRefresh,
-        provided: true,
-        refreshPayload: localRefreshPayload,
-        setRefreshPayload
+    /* @__PURE__ */ jsx3(
+      RefreshPayloadContext,
+      {
+        value: {
+          onRefresh,
+          provided: true,
+          refreshPayload: localRefreshPayload,
+          setRefreshPayload
+        },
+        children
       }
-    }, children)
+    )
   );
-}, "RefreshPayloadProvider");
+};
 
 // src/contexts/RefreshPayloadContext/use.ts
 import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
-var useRefreshPayload = /* @__PURE__ */ __name(() => useContextEx2(RefreshPayloadContext, "RefreshPayload", true), "useRefreshPayload");
+var useRefreshPayload = () => useContextEx2(RefreshPayloadContext, "RefreshPayload", true);
 
 // src/contexts/ResolvePayloadContext/Context.ts
 import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
@@ -80,474 +113,500 @@ import { delay } from "@xylabs/delay";
 import { useAsyncEffect } from "@xylabs/react-async-effect";
 import { Huri } from "@xyo-network/huri";
 import { ModuleErrorSchema } from "@xyo-network/payload-model";
-import React4, { useEffect, useState as useState2 } from "react";
-var ResolvePayloadProvider = /* @__PURE__ */ __name(({ children, huriPayload }) => {
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ResolvePayloadProvider = ({ children, huriPayload }) => {
   const [payload, setPayload] = useState2();
   const [huri, setHuri] = useState2();
-  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
+  const {
+    refreshPayload,
+    setRefreshPayload,
+    onRefresh
+  } = useRefreshPayload();
   useEffect(() => {
     typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
     if (typeof huriPayload === "object") {
       setPayload(huriPayload);
       setRefreshPayload?.(true);
     }
-  }, [
-    huriPayload,
-    setRefreshPayload
-  ]);
+  }, [huriPayload, setRefreshPayload]);
   const [notFound, setNotFound] = useState2();
   const [huriError, setHuriError] = useState2();
-  useAsyncEffect(async (mounted) => {
-    if (huri && !refreshPayload) {
-      try {
-        const huriInstance = new Huri(huri);
-        const result = await huriInstance.fetch();
-        await delay(500);
-        if (mounted()) {
-          setNotFound(result === null);
-          setPayload(result);
-          setRefreshPayload?.(true);
+  useAsyncEffect(
+    async (mounted) => {
+      if (huri && !refreshPayload) {
+        try {
+          const huriInstance = new Huri(huri);
+          const result = await huriInstance.fetch();
+          await delay(500);
+          if (mounted()) {
+            setNotFound(result === null);
+            setPayload(result);
+            setRefreshPayload?.(true);
+          }
+        } catch (e) {
+          const error = e;
+          setHuriError({
+            message: error.message,
+            schema: ModuleErrorSchema,
+            $sources: []
+          });
         }
-      } catch (e) {
-        const error = e;
-        setHuriError({
-          message: error.message,
-          schema: ModuleErrorSchema,
-          $sources: []
-        });
       }
-    }
-  }, [
-    huri,
-    payload,
-    refreshPayload,
-    setRefreshPayload
-  ]);
-  const refreshHuri = /* @__PURE__ */ __name(() => {
+    },
+    [huri, payload, refreshPayload, setRefreshPayload]
+  );
+  const refreshHuri = () => {
     onRefresh?.();
     if (huri) {
       setRefreshPayload?.(false);
     }
-  }, "refreshHuri");
+  };
   return (
     // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ React4.createElement(ResolvePayloadContext, {
-      value: {
-        huri,
-        huriError,
-        notFound,
-        payload,
-        provided: true,
-        refreshHuri,
-        setPayload
+    /* @__PURE__ */ jsx4(
+      ResolvePayloadContext,
+      {
+        value: {
+          huri,
+          huriError,
+          notFound,
+          payload,
+          provided: true,
+          refreshHuri,
+          setPayload
+        },
+        children
       }
-    }, children)
+    )
   );
-}, "ResolvePayloadProvider");
+};
 
 // src/contexts/ResolvePayloadContext/use.ts
 import { useContextEx as useContextEx3 } from "@xylabs/react-shared";
-var useResolvePayload = /* @__PURE__ */ __name(() => useContextEx3(ResolvePayloadContext, "ResolvePayload", true), "useResolvePayload");
+var useResolvePayload = () => useContextEx3(ResolvePayloadContext, "ResolvePayload", true);
 
 // src/contexts/ValidatePayloadContext/Provider.tsx
 import { Chip } from "@mui/material";
 import { useAsyncEffect as useAsyncEffect2 } from "@xylabs/react-async-effect";
 import { SchemaCache } from "@xyo-network/schema-cache";
-import React5, { useState as useState3 } from "react";
+import { useState as useState3 } from "react";
 
 // src/contexts/ValidatePayloadContext/Context.ts
 import { createContextEx as createContextEx4 } from "@xylabs/react-shared";
 var ValidatePayloadContext = createContextEx4();
 
 // src/contexts/ValidatePayloadContext/Provider.tsx
-var ValidatePayloadProvider = /* @__PURE__ */ __name(({ children, enabled = false }) => {
+import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+var ValidatePayloadProvider = ({ children, enabled = false }) => {
   const { payload } = useResolvePayload();
   const [initialized, setInitialized] = useState3(false);
   const [valid, setValid] = useState3();
-  useAsyncEffect2(async () => {
-    if (payload && enabled) {
-      await SchemaCache.instance.get(payload.schema);
-      const possibleKnownSchema = payload.schema;
-      if (SchemaCache.instance.validators[possibleKnownSchema]) {
-        const validator = SchemaCache.instance.validators[possibleKnownSchema];
-        setValid(validator?.(payload));
+  useAsyncEffect2(
+    async () => {
+      if (payload && enabled) {
+        await SchemaCache.instance.get(payload.schema);
+        const possibleKnownSchema = payload.schema;
+        if (SchemaCache.instance.validators[possibleKnownSchema]) {
+          const validator = SchemaCache.instance.validators[possibleKnownSchema];
+          setValid(validator?.(payload));
+        }
+        setInitialized(true);
       }
-      setInitialized(true);
-    }
-  }, [
-    payload,
-    enabled
-  ]);
+    },
+    [payload, enabled]
+  );
   return (
     // eslint-disable-next-line @eslint-react/no-unstable-context-value
-    /* @__PURE__ */ React5.createElement(ValidatePayloadContext, {
-      value: {
-        enabled,
-        provided: true,
-        schema: payload?.schema,
-        validPayload: valid
+    /* @__PURE__ */ jsx5(
+      ValidatePayloadContext,
+      {
+        value: {
+          enabled,
+          provided: true,
+          schema: payload?.schema,
+          validPayload: valid
+        },
+        children: enabled ? /* @__PURE__ */ jsx5(Fragment, { children: initialized ? children : /* @__PURE__ */ jsx5(Chip, { label: "Validating Payload..." }) }) : children
       }
-    }, enabled ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, initialized ? children : /* @__PURE__ */ React5.createElement(Chip, {
-      label: "Validating Payload..."
-    })) : children)
+    )
   );
-}, "ValidatePayloadProvider");
+};
 
 // src/contexts/ValidatePayloadContext/use.ts
 import { useContextEx as useContextEx4 } from "@xylabs/react-shared";
-var useValidatePayload = /* @__PURE__ */ __name(() => useContextEx4(ValidatePayloadContext, "ValidateSchema", true), "useValidatePayload");
+var useValidatePayload = () => useContextEx4(ValidatePayloadContext, "ValidateSchema", true);
 
 // src/components/embed-card/menu/EmbedMenu.tsx
 import { MoreVert as MoreVertIcon } from "@mui/icons-material";
 import { IconButton, Menu } from "@mui/material";
-import React7, { useState as useState4 } from "react";
+import { useState as useState4 } from "react";
 
 // src/components/embed-card/menu/JsonMenuItem.tsx
 import { OpenInNew as OpenInNewIcon } from "@mui/icons-material";
-import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
-import React6 from "react";
-var JsonMenuItem = /* @__PURE__ */ __name((props) => {
+import {
+  ListItemIcon,
+  ListItemText,
+  MenuItem
+} from "@mui/material";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var JsonMenuItem = (props) => {
   const { huri } = useResolvePayload();
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, huri ? /* @__PURE__ */ React6.createElement(MenuItem, {
-    title: "Source Payload JSON",
-    onClick: /* @__PURE__ */ __name(() => window.open(huri, "_blank"), "onClick"),
-    ...props
-  }, /* @__PURE__ */ React6.createElement(ListItemText, {
-    sx: {
-      mr: 1
-    }
-  }, "JSON"), /* @__PURE__ */ React6.createElement(ListItemIcon, {
-    sx: {
-      justifyContent: "end"
-    }
-  }, /* @__PURE__ */ React6.createElement(OpenInNewIcon, {
-    fontSize: "small"
-  }))) : null);
-}, "JsonMenuItem");
+  return /* @__PURE__ */ jsx6(Fragment2, { children: huri ? /* @__PURE__ */ jsxs2(MenuItem, { title: "Source Payload JSON", onClick: () => window.open(huri, "_blank"), ...props, children: [
+    /* @__PURE__ */ jsx6(ListItemText, { sx: { mr: 1 }, children: "JSON" }),
+    /* @__PURE__ */ jsx6(ListItemIcon, { sx: { justifyContent: "end" }, children: /* @__PURE__ */ jsx6(OpenInNewIcon, { fontSize: "small" }) })
+  ] }) : null });
+};
 
 // src/components/embed-card/menu/EmbedMenu.tsx
-var EmbedMenu = /* @__PURE__ */ __name((props) => {
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var EmbedMenu = (props) => {
   const [anchorEl, setAnchorEl] = useState4(null);
   const open = Boolean(anchorEl);
-  const handleClick = /* @__PURE__ */ __name((event) => {
+  const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
-  }, "handleClick");
-  const handleClose = /* @__PURE__ */ __name(() => {
+  };
+  const handleClose = () => {
     setAnchorEl(null);
-  }, "handleClose");
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(IconButton, {
-    onClick: handleClick,
-    ...props
-  }, /* @__PURE__ */ React7.createElement(MoreVertIcon, null)), /* @__PURE__ */ React7.createElement(Menu, {
-    anchorEl,
-    open,
-    onClose: handleClose,
-    PaperProps: {
-      variant: "elevation"
-    },
-    MenuListProps: {
-      dense: true
-    }
-  }, /* @__PURE__ */ React7.createElement(JsonMenuItem, null)));
-}, "EmbedMenu");
+  };
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(IconButton, { onClick: handleClick, ...props, children: /* @__PURE__ */ jsx7(MoreVertIcon, {}) }),
+    /* @__PURE__ */ jsx7(Menu, { anchorEl, open, onClose: handleClose, PaperProps: { variant: "elevation" }, MenuListProps: { dense: true }, children: /* @__PURE__ */ jsx7(JsonMenuItem, {}) })
+  ] });
+};
 
 // src/components/embed-card/card/EmbedCardHeader.tsx
-var EmbedCardHeader = /* @__PURE__ */ __name(() => {
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var EmbedCardHeader = () => {
   const { refreshHuri, huri } = useResolvePayload();
-  const { activePlugin, timestampLabel, hideElementsConfig } = useEmbedPluginState();
-  const { hideAvatar, hideTitle, hideRefreshButton, hideTimestamp, hideCardActions } = hideElementsConfig ?? {};
+  const {
+    activePlugin,
+    timestampLabel,
+    hideElementsConfig
+  } = useEmbedPluginState();
+  const {
+    hideAvatar,
+    hideTitle,
+    hideRefreshButton,
+    hideTimestamp,
+    hideCardActions
+  } = hideElementsConfig ?? {};
   const timestamp = Date.now();
-  return /* @__PURE__ */ React8.createElement(CardHeader, {
-    sx: {
-      flexWrap: "wrap",
-      rowGap: 1
-    },
-    avatar: hideAvatar ? /* @__PURE__ */ React8.createElement(React8.Fragment, null) : /* @__PURE__ */ React8.createElement(Avatar, {
-      sx: {
-        bgcolor: /* @__PURE__ */ __name((theme) => theme.vars.palette.primary.main, "bgcolor")
-      },
-      "aria-label": activePlugin?.name
-    }, activePlugin?.name?.charAt(0)),
-    action: /* @__PURE__ */ React8.createElement(FlexRow, {
-      flexWrap: "wrap",
-      columnGap: 0.5
-    }, timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ React8.createElement(Chip2, {
-      avatar: hideRefreshButton ? /* @__PURE__ */ React8.createElement(React8.Fragment, null) : /* @__PURE__ */ React8.createElement(RefreshIcon, null),
-      clickable: hideRefreshButton ? false : true,
-      onClick: refreshHuri,
-      label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
-    }) : null, hideCardActions || huri === void 0 ? null : /* @__PURE__ */ React8.createElement(EmbedMenu, null)),
-    title: hideTitle ? "" : activePlugin?.name
-  });
-}, "EmbedCardHeader");
+  return /* @__PURE__ */ jsx8(
+    CardHeader,
+    {
+      sx: { flexWrap: "wrap", rowGap: 1 },
+      avatar: hideAvatar ? /* @__PURE__ */ jsx8(Fragment4, {}) : /* @__PURE__ */ jsx8(Avatar, { sx: { bgcolor: (theme) => theme.vars.palette.primary.main }, "aria-label": activePlugin?.name, children: activePlugin?.name?.charAt(0) }),
+      action: /* @__PURE__ */ jsxs4(FlexRow, { flexWrap: "wrap", columnGap: 0.5, children: [
+        timestamp ? hideTimestamp && hideRefreshButton ? "" : /* @__PURE__ */ jsx8(
+          Chip2,
+          {
+            avatar: hideRefreshButton ? /* @__PURE__ */ jsx8(Fragment4, {}) : /* @__PURE__ */ jsx8(RefreshIcon, {}),
+            clickable: hideRefreshButton ? false : true,
+            onClick: refreshHuri,
+            label: hideTimestamp ? "" : `${timestampLabel} ${new Date(timestamp).toLocaleString()}`
+          }
+        ) : null,
+        hideCardActions || huri === void 0 ? null : /* @__PURE__ */ jsx8(EmbedMenu, {})
+      ] }),
+      title: hideTitle ? "" : activePlugin?.name
+    }
+  );
+};
 
 // src/components/embed-card/card/EmbedPluginCard.tsx
 import { CardContent } from "@mui/material";
 import { FlexGrowRow } from "@xylabs/react-flexbox";
 import { useListMode as useListMode2 } from "@xyo-network/react-shared";
-import React12 from "react";
 
 // src/components/controls/EmbedFormControl.tsx
 import { FormControl, InputLabel } from "@mui/material";
-import React9 from "react";
-var EmbedFormControl = /* @__PURE__ */ __name(({ formId, formLabel, children, ...props }) => {
-  return /* @__PURE__ */ React9.createElement(FormControl, props, /* @__PURE__ */ React9.createElement(InputLabel, {
-    id: formId
-  }, formLabel), children);
-}, "EmbedFormControl");
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var EmbedFormControl = ({
+  formId,
+  formLabel,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs5(FormControl, { ...props, children: [
+    /* @__PURE__ */ jsx9(InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
 
 // src/components/controls/ListModeSelect.tsx
 import { MenuItem as MenuItem2 } from "@mui/material";
 import { SelectEx } from "@xylabs/react-select";
 import { useListMode } from "@xyo-network/react-shared";
-import React10 from "react";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var listModeSelectId = "listmode-select-id";
 var listModeSelectLabel = "List Mode";
-var ListModeSelect = /* @__PURE__ */ __name((props) => {
+var ListModeSelect = (props) => {
   const { listMode, setListMode } = useListMode();
-  return /* @__PURE__ */ React10.createElement(SelectEx, {
-    value: listMode ?? "default",
-    onChange: /* @__PURE__ */ __name((event) => {
-      setListMode?.(event.target.value);
-    }, "onChange"),
-    ...props
-  }, /* @__PURE__ */ React10.createElement(MenuItem2, {
-    key: "default",
-    value: "default"
-  }, "Default"), /* @__PURE__ */ React10.createElement(MenuItem2, {
-    key: "table",
-    value: "table"
-  }, "Table"), /* @__PURE__ */ React10.createElement(MenuItem2, {
-    key: "grid",
-    value: "grid"
-  }, "Grid"));
-}, "ListModeSelect");
-var ListModeSelectFormControl = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React10.createElement(EmbedFormControl, {
-    formId: listModeSelectId,
-    formLabel: listModeSelectLabel
-  }, /* @__PURE__ */ React10.createElement(ListModeSelect, {
-    size: "small",
-    label: listModeSelectLabel,
-    labelId: listModeSelectId,
-    ...props
-  }));
-}, "ListModeSelectFormControl");
+  return /* @__PURE__ */ jsxs6(
+    SelectEx,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode?.(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx10(MenuItem2, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ jsx10(MenuItem2, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ jsx10(MenuItem2, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ jsx10(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx10(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
 
 // src/components/controls/RenderSelect.tsx
 import { MenuItem as MenuItem3 } from "@mui/material";
 import { SelectEx as SelectEx2 } from "@xylabs/react-select";
-import React11 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var renderSelectId = "render-select-id";
 var renderSelectLabel = "Renderer";
-var EmbedRenderSelect = /* @__PURE__ */ __name((props) => {
-  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ React11.createElement(EmbedFormControl, {
-    formId: renderSelectId,
-    formLabel: renderSelectLabel
-  }, /* @__PURE__ */ React11.createElement(SelectEx2, {
-    size: "small",
-    value: activePlugin?.name,
-    ...props
-  }, plugins?.map((plugin) => /* @__PURE__ */ React11.createElement(MenuItem3, {
-    value: plugin.name,
-    key: plugin.name,
-    onClick: /* @__PURE__ */ __name(() => setActivePlugin?.(plugin), "onClick")
-  }, plugin.name))));
-}, "EmbedRenderSelect");
+var EmbedRenderSelect = (props) => {
+  const {
+    activePlugin,
+    setActivePlugin,
+    plugins
+  } = useEmbedPluginState();
+  return /* @__PURE__ */ jsx11(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx11(SelectEx2, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx11(MenuItem3, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+};
 
 // src/components/embed-card/card/EmbedPluginCard.tsx
-var EmbedPluginCard = /* @__PURE__ */ __name(({ ...props }) => {
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var EmbedPluginCard = ({ ...props }) => {
   const { payload } = useResolvePayload();
-  const { activePlugin: ActivePlugin, plugins, hideElementsConfig } = useEmbedPluginState();
+  const {
+    activePlugin: ActivePlugin,
+    plugins,
+    hideElementsConfig
+  } = useEmbedPluginState();
   const { listMode } = useListMode2();
   const supportsListMode = ActivePlugin?.components?.box?.listModes?.length ?? 0 > 1;
-  return /* @__PURE__ */ React12.createElement(BusyCard, props, hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ React12.createElement(EmbedCardHeader, null), plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ React12.createElement(FlexGrowRow, {
-    columnGap: 2,
-    rowGap: 2,
-    flexWrap: "wrap",
-    pb: 1
-  }, plugins && plugins.length > 1 ? /* @__PURE__ */ React12.createElement(EmbedRenderSelect, null) : null, supportsListMode ? /* @__PURE__ */ React12.createElement(ListModeSelectFormControl, null) : null) : null, /* @__PURE__ */ React12.createElement(CardContent, {
-    sx: {
-      height: "100%"
-    }
-  }, ActivePlugin ? /* @__PURE__ */ React12.createElement(ActivePlugin.components.box.detailsBox, {
-    payload,
-    ...supportsListMode && {
-      listMode
-    }
-  }) : null));
-}, "EmbedPluginCard");
+  return /* @__PURE__ */ jsxs7(BusyCard, { ...props, children: [
+    hideElementsConfig?.hideCardHeader ? null : /* @__PURE__ */ jsx12(EmbedCardHeader, {}),
+    plugins && plugins.length > 0 || supportsListMode ? /* @__PURE__ */ jsxs7(FlexGrowRow, { columnGap: 2, rowGap: 2, flexWrap: "wrap", pb: 1, children: [
+      plugins && plugins.length > 1 ? /* @__PURE__ */ jsx12(EmbedRenderSelect, {}) : null,
+      supportsListMode ? /* @__PURE__ */ jsx12(ListModeSelectFormControl, {}) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx12(CardContent, { sx: { height: "100%" }, children: ActivePlugin ? /* @__PURE__ */ jsx12(ActivePlugin.components.box.detailsBox, { payload, ...supportsListMode && { listMode } }) : null })
+  ] });
+};
 
 // src/components/embed-card/EmbedPluginCard.tsx
 import { useTheme } from "@mui/material";
-import React19 from "react";
 
 // src/components/EmbedPlugin.tsx
 import { ErrorBoundary } from "@xylabs/react-error";
 import { ListModeProvider } from "@xyo-network/react-shared";
-import React16 from "react";
 
 // src/components/EmbedResolver.tsx
 import { LoadResult } from "@xyo-network/react-shared";
-import React13 from "react";
-var EmbedResolver = /* @__PURE__ */ __name(({ children }) => {
-  const { payload, notFound, huriError } = useResolvePayload();
-  return /* @__PURE__ */ React13.createElement(LoadResult, {
-    searchResult: payload,
-    notFound: !!notFound,
-    error: !!huriError
-  }, children);
-}, "EmbedResolver");
+import { jsx as jsx13 } from "react/jsx-runtime";
+var EmbedResolver = ({ children }) => {
+  const {
+    payload,
+    notFound,
+    huriError
+  } = useResolvePayload();
+  return /* @__PURE__ */ jsx13(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
+};
 
 // src/components/validation-alerts/ValidatePayload.tsx
 import { Alert } from "@mui/material";
-import React14 from "react";
-var ValidatePayloadAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { validPayload, enabled, schema } = useValidatePayload();
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var ValidatePayloadAlert = ({ children, ...props }) => {
+  const {
+    validPayload,
+    enabled,
+    schema
+  } = useValidatePayload();
   if (enabled && validPayload === false) {
-    return /* @__PURE__ */ React14.createElement(Alert, {
-      severity: "error",
-      title: "Invalid Payload!",
-      ...props
-    }, "Payload schema claimed to be", " ", schema, " ", "but failed to validate.");
+    return /* @__PURE__ */ jsxs8(Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
+      "Payload schema claimed to be",
+      " ",
+      schema,
+      " ",
+      "but failed to validate."
+    ] });
   }
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, children);
-}, "ValidatePayloadAlert");
+  return /* @__PURE__ */ jsx14(Fragment5, { children });
+};
 
 // src/components/validation-alerts/ValidatePlugins.tsx
 import { Alert as Alert2, AlertTitle } from "@mui/material";
-import React15 from "react";
-var ValidatePluginsAlert = /* @__PURE__ */ __name(({ children, ...props }) => {
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var ValidatePluginsAlert = ({ children, ...props }) => {
   const { payload } = useResolvePayload();
   const { plugins } = useEmbedPluginState();
   if (payload && plugins?.length === 0) {
-    return /* @__PURE__ */ React15.createElement(Alert2, {
-      severity: "warning",
-      ...props
-    }, /* @__PURE__ */ React15.createElement(AlertTitle, null, "Missing plugins!"), "Payload found but no plugins were present.");
+    return /* @__PURE__ */ jsxs9(Alert2, { severity: "warning", ...props, children: [
+      /* @__PURE__ */ jsx15(AlertTitle, { children: "Missing plugins!" }),
+      "Payload found but no plugins were present."
+    ] });
   }
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, children);
-}, "ValidatePluginsAlert");
+  return /* @__PURE__ */ jsx15(Fragment6, { children });
+};
 
 // src/components/EmbedPlugin.tsx
-var EmbedPluginInner = /* @__PURE__ */ __name(({ validateSchema, plugins, huriPayload, refreshTitle = "", timestampLabel = "Data From", hideElementsConfig, embedPluginConfig, onRefresh, children }) => {
-  return /* @__PURE__ */ React16.createElement(ErrorBoundary, null, /* @__PURE__ */ React16.createElement(EmbedPluginProvider, {
-    refreshTitle,
-    timestampLabel,
-    hideElementsConfig,
-    plugins,
-    embedPluginConfig
-  }, /* @__PURE__ */ React16.createElement(WithResolvers, {
-    onRefresh,
-    huriPayload
-  }, /* @__PURE__ */ React16.createElement(WithValidators, {
-    validateSchema
-  }, /* @__PURE__ */ React16.createElement(ListModeProvider, {
-    defaultListMode: embedPluginConfig?.listMode
-  }, children)))));
-}, "EmbedPluginInner");
-var WithResolvers = /* @__PURE__ */ __name(({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ React16.createElement(RefreshPayloadProvider, {
-    onRefresh
-  }, /* @__PURE__ */ React16.createElement(ResolvePayloadProvider, {
-    huriPayload
-  }, /* @__PURE__ */ React16.createElement(EmbedResolver, null, children)));
-}, "WithResolvers");
-var WithValidators = /* @__PURE__ */ __name(({ children, validateSchema }) => {
-  return /* @__PURE__ */ React16.createElement(ValidatePayloadProvider, {
-    enabled: validateSchema
-  }, /* @__PURE__ */ React16.createElement(ValidatePluginsAlert, null, /* @__PURE__ */ React16.createElement(ValidatePayloadAlert, null, children)));
-}, "WithValidators");
+import { jsx as jsx16 } from "react/jsx-runtime";
+var EmbedPluginInner = ({
+  validateSchema,
+  plugins,
+  huriPayload,
+  refreshTitle = "",
+  timestampLabel = "Data From",
+  hideElementsConfig,
+  embedPluginConfig,
+  onRefresh,
+  children
+}) => {
+  return /* @__PURE__ */ jsx16(ErrorBoundary, { children: /* @__PURE__ */ jsx16(
+    EmbedPluginProvider,
+    {
+      refreshTitle,
+      timestampLabel,
+      hideElementsConfig,
+      plugins,
+      embedPluginConfig,
+      children: /* @__PURE__ */ jsx16(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ jsx16(WithValidators, { validateSchema, children: /* @__PURE__ */ jsx16(ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children }) }) })
+    }
+  ) });
+};
+var WithResolvers = ({
+  children,
+  onRefresh,
+  huriPayload
+}) => {
+  return /* @__PURE__ */ jsx16(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ jsx16(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ jsx16(EmbedResolver, { children }) }) });
+};
+var WithValidators = ({ children, validateSchema }) => {
+  return /* @__PURE__ */ jsx16(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ jsx16(ValidatePluginsAlert, { children: /* @__PURE__ */ jsx16(ValidatePayloadAlert, { children }) }) });
+};
 
 // src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
 import { ErrorAlert, ErrorRender } from "@xylabs/react-error";
-import React18 from "react";
 
 // src/components/embed-card/error-handling/EmbedErrorCard.tsx
-import { Alert as Alert3, AlertTitle as AlertTitle2, Card as Card2, CardContent as CardContent2, Typography } from "@mui/material";
-import React17 from "react";
-var EmbedErrorCard = /* @__PURE__ */ __name((props) => {
-  const { alertProps, error, scope, hideErrorDetails = true, children, ...cardProps } = props;
+import {
+  Alert as Alert3,
+  AlertTitle as AlertTitle2,
+  Card as Card2,
+  CardContent as CardContent2,
+  Typography
+} from "@mui/material";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var EmbedErrorCard = (props) => {
+  const {
+    alertProps,
+    error,
+    scope,
+    hideErrorDetails = true,
+    children,
+    ...cardProps
+  } = props;
   const errorProps = {
     alertProps,
     error,
     hideErrorDetails,
     scope
   };
-  return /* @__PURE__ */ React17.createElement(Card2, cardProps, /* @__PURE__ */ React17.createElement(CardContent2, null, children ?? /* @__PURE__ */ React17.createElement(DefaultErrorAlert, errorProps)));
-}, "EmbedErrorCard");
-var DefaultErrorAlert = /* @__PURE__ */ __name(({ alertProps, scope, hideErrorDetails, error }) => {
-  return /* @__PURE__ */ React17.createElement(Alert3, {
-    severity: "error",
-    ...alertProps
-  }, /* @__PURE__ */ React17.createElement(AlertTitle2, null, "Whoops! Something went wrong"), scope ? /* @__PURE__ */ React17.createElement(Typography, {
-    variant: "caption"
-  }, "Scope:", scope) : null, !hideErrorDetails && error ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(Typography, {
-    variant: "caption"
-  }, "Error: "), /* @__PURE__ */ React17.createElement(Typography, {
-    variant: "caption"
-  }, error?.message)) : /* @__PURE__ */ React17.createElement(Typography, {
-    variant: "caption",
-    fontSize: "small"
-  }, "Error Loading Plugin"));
-}, "DefaultErrorAlert");
+  return /* @__PURE__ */ jsx17(Card2, { ...cardProps, children: /* @__PURE__ */ jsx17(CardContent2, { children: children ?? /* @__PURE__ */ jsx17(DefaultErrorAlert, { ...errorProps }) }) });
+};
+var DefaultErrorAlert = ({
+  alertProps,
+  scope,
+  hideErrorDetails,
+  error
+}) => {
+  return /* @__PURE__ */ jsxs10(Alert3, { severity: "error", ...alertProps, children: [
+    /* @__PURE__ */ jsx17(AlertTitle2, { children: "Whoops! Something went wrong" }),
+    scope ? /* @__PURE__ */ jsxs10(Typography, { variant: "caption", children: [
+      "Scope:",
+      scope
+    ] }) : null,
+    !hideErrorDetails && error ? /* @__PURE__ */ jsxs10(Fragment7, { children: [
+      /* @__PURE__ */ jsx17(Typography, { variant: "caption", children: "Error: " }),
+      /* @__PURE__ */ jsx17(Typography, { variant: "caption", children: error?.message })
+    ] }) : /* @__PURE__ */ jsx17(Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
+  ] });
+};
 
 // src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
-var EmbedCardApiErrorRenderer = /* @__PURE__ */ __name(({ xyoError, children, ...props }) => {
-  return /* @__PURE__ */ React18.createElement(ErrorRender, {
-    error: xyoError,
-    noReAuth: true,
-    noErrorDisplay: true,
-    customError: /* @__PURE__ */ React18.createElement(CustomApiErrorCard, {
-      xyoError,
-      ...props
-    })
-  }, children);
-}, "EmbedCardApiErrorRenderer");
-var CustomApiErrorCard = /* @__PURE__ */ __name(({ xyoError, ...props }) => {
-  return /* @__PURE__ */ React18.createElement(EmbedErrorCard, props, /* @__PURE__ */ React18.createElement(ErrorAlert, {
-    error: xyoError
-  }));
-}, "CustomApiErrorCard");
+import { jsx as jsx18 } from "react/jsx-runtime";
+var EmbedCardApiErrorRenderer = ({
+  xyoError,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx18(ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ jsx18(CustomApiErrorCard, { xyoError, ...props }), children });
+};
+var CustomApiErrorCard = ({ xyoError, ...props }) => {
+  return /* @__PURE__ */ jsx18(EmbedErrorCard, { ...props, children: /* @__PURE__ */ jsx18(ErrorAlert, { error: xyoError }) });
+};
 
 // src/components/embed-card/EmbedPluginCard.tsx
-var ApiEmbedPluginCard = /* @__PURE__ */ __name(({ children, ...props }) => {
-  const { validateSchema, plugins = [], huriPayload, refreshTitle = "", timestampLabel = "Data From", hideElementsConfig, embedPluginConfig, onRefresh, ...busyCardProps } = props;
-  return /* @__PURE__ */ React19.createElement(EmbedPluginInner, {
-    embedPluginConfig,
-    hideElementsConfig,
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var ApiEmbedPluginCard = ({ children, ...props }) => {
+  const {
+    validateSchema,
+    plugins = [],
     huriPayload,
+    refreshTitle = "",
+    timestampLabel = "Data From",
+    hideElementsConfig,
+    embedPluginConfig,
     onRefresh,
-    plugins,
-    refreshTitle,
-    timestampLabel,
-    validateSchema
-  }, /* @__PURE__ */ React19.createElement(EmbedPluginCardInner, busyCardProps), children);
-}, "ApiEmbedPluginCard");
-var EmbedPluginCardInner = /* @__PURE__ */ __name((props) => {
+    ...busyCardProps
+  } = props;
+  return /* @__PURE__ */ jsxs11(
+    EmbedPluginInner,
+    {
+      ...{
+        embedPluginConfig,
+        hideElementsConfig,
+        huriPayload,
+        onRefresh,
+        plugins,
+        refreshTitle,
+        timestampLabel,
+        validateSchema
+      },
+      children: [
+        /* @__PURE__ */ jsx19(EmbedPluginCardInner, { ...busyCardProps }),
+        children
+      ]
+    }
+  );
+};
+var EmbedPluginCardInner = (props) => {
   const { payload, huriError } = useResolvePayload();
   const { refreshPayload } = useRefreshPayload();
   const theme = useTheme();
-  return /* @__PURE__ */ React19.createElement(EmbedCardApiErrorRenderer, {
-    xyoError: huriError
-  }, /* @__PURE__ */ React19.createElement(EmbedPluginCard, {
-    elevation: 3,
-    variant: "elevation",
-    busy: Boolean(!refreshPayload && payload),
-    busyVariantProps: {
-      style: {
-        alignItems: "start",
-        paddingTop: theme.spacing(2),
-        zIndex: 2
-      }
-    },
-    sx: {
-      position: "relative"
-    },
-    ...props
-  }));
-}, "EmbedPluginCardInner");
+  return /* @__PURE__ */ jsx19(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx19(
+    EmbedPluginCard,
+    {
+      elevation: 3,
+      variant: "elevation",
+      busy: Boolean(!refreshPayload && payload),
+      busyVariantProps: {
+        style: {
+          alignItems: "start",
+          paddingTop: theme.spacing(2),
+          zIndex: 2
+        }
+      },
+      sx: { position: "relative" },
+      ...props
+    }
+  ) });
+};
 export {
   ApiEmbedPluginCard,
   BusyCard,