@xyo-network/react-embed 7.4.2 → 7.5.0

package/dist/browser/index.mjs

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