@xyo-network/react-embed 2.64.0 → 2.64.1

package/dist/browser/components/EmbedPlugin.js

@@ -1,9 +1,201 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/EmbedPlugin.tsx
 import { ErrorBoundary, ListModeProvider } from "@xyo-network/react-shared";
-import { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from "../contexts";
-import { EmbedResolver } from "./EmbedResolver";
-import { ValidatePayloadAlert, ValidatePluginsAlert } from "./validation-alerts";
-const EmbedPluginInner = ({
+
+// src/contexts/EmbedPluginContext/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var EmbedPluginContext = createContextEx();
+
+// src/contexts/EmbedPluginContext/Provider.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var EmbedPluginProvider = ({
+  children,
+  refreshTitle,
+  timestampLabel,
+  hideElementsConfig,
+  plugins,
+  embedPluginConfig
+}) => {
+  const [activePlugin, setActivePlugin] = useState(plugins ? plugins[0] : void 0);
+  useEffect(() => {
+    setActivePlugin(plugins ? plugins[0] : void 0);
+  }, [plugins]);
+  return /* @__PURE__ */ jsx(
+    EmbedPluginContext.Provider,
+    {
+      value: {
+        activePlugin,
+        embedPluginConfig,
+        hideElementsConfig,
+        provided: true,
+        refreshTitle,
+        setActivePlugin,
+        timestampLabel
+      },
+      children
+    }
+  );
+};
+
+// src/contexts/EmbedPluginContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+import { useState as useState2 } from "react";
+
+// src/contexts/RefreshPayloadContext/Context.tsx
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var RefreshPayloadContext = createContextEx2();
+
+// src/contexts/RefreshPayloadContext/Provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var RefreshPayloadProvider = ({ children, onRefresh, refreshPayload }) => {
+  const [localRefreshPayload, setRefreshPayload] = useState2(refreshPayload);
+  return /* @__PURE__ */ jsx2(RefreshPayloadContext.Provider, { value: { onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }, children });
+};
+
+// src/contexts/RefreshPayloadContext/use.tsx
+import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
+var useRefreshPayload = () => useContextEx2(RefreshPayloadContext, "RefreshPayload", true);
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx as createContextEx3 } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx3();
+
+// src/contexts/ResolvePayloadContext/Provider.tsx
+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 { useEffect as useEffect2, useState as useState3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ResolvePayloadProvider = ({ children, huriPayload }) => {
+  const [payload, setPayload] = useState3();
+  const [huri, setHuri] = useState3();
+  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload();
+  useEffect2(() => {
+    typeof huriPayload === "string" ? setHuri(huriPayload) : void 0;
+    if (typeof huriPayload === "object") {
+      setPayload(huriPayload);
+      setRefreshPayload?.(true);
+    }
+  }, [huriPayload, setRefreshPayload]);
+  const [notFound, setNotFound] = useState3();
+  const [huriError, setHuriError] = useState3();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    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: [] });
+        }
+      }
+    },
+    [huri, payload, refreshPayload, setRefreshPayload]
+  );
+  const refreshHuri = () => {
+    onRefresh?.();
+    if (huri) {
+      setRefreshPayload?.(false);
+    }
+  };
+  return /* @__PURE__ */ jsx3(ResolvePayloadContext.Provider, { value: { huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }, children });
+};
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx as useContextEx3 } from "@xyo-network/react-shared";
+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 { useState as useState4 } from "react";
+
+// src/contexts/ValidatePayloadContext/Context.ts
+import { createContextEx as createContextEx4 } from "@xyo-network/react-shared";
+var ValidatePayloadContext = createContextEx4();
+
+// src/contexts/ValidatePayloadContext/Provider.tsx
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+var ValidatePayloadProvider = ({ children, enabled = false }) => {
+  const { payload } = useResolvePayload();
+  const [initialized, setInitialized] = useState4(false);
+  const [valid, setValid] = useState4();
+  useAsyncEffect2(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    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);
+      }
+    },
+    [payload, enabled]
+  );
+  return /* @__PURE__ */ jsx4(ValidatePayloadContext.Provider, { value: { enabled, provided: true, schema: payload?.schema, validPayload: valid }, children: enabled ? /* @__PURE__ */ jsx4(Fragment, { children: initialized ? children : /* @__PURE__ */ jsx4(Chip, { label: "Validating Payload..." }) }) : children });
+};
+
+// src/contexts/ValidatePayloadContext/use.tsx
+import { useContextEx as useContextEx4 } from "@xyo-network/react-shared";
+var useValidatePayload = () => useContextEx4(ValidatePayloadContext, "ValidateSchema", true);
+
+// src/components/EmbedResolver.tsx
+import { LoadResult } from "@xyo-network/react-shared";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var EmbedResolver = ({ children }) => {
+  const { payload, notFound, huriError } = useResolvePayload();
+  return /* @__PURE__ */ jsx5(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
+};
+
+// src/components/validation-alerts/ValidatePayload.tsx
+import { Alert } from "@mui/material";
+import { Fragment as Fragment2, jsx as jsx6, jsxs } from "react/jsx-runtime";
+var ValidatePayloadAlert = ({ children, ...props }) => {
+  const { validPayload, enabled, schema } = useValidatePayload();
+  if (enabled && validPayload === false) {
+    return /* @__PURE__ */ jsxs(Alert, { severity: "error", title: "Invalid Payload!", ...props, children: [
+      "Payload schema claimed to be ",
+      schema,
+      " but failed to validate."
+    ] });
+  }
+  return /* @__PURE__ */ jsx6(Fragment2, { children });
+};
+
+// src/components/validation-alerts/ValidatePlugins.tsx
+import { Alert as Alert2, AlertTitle } from "@mui/material";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var ValidatePluginsAlert = ({ children, ...props }) => {
+  const { payload } = useResolvePayload();
+  const { plugins } = useEmbedPluginState();
+  if (payload && plugins?.length === 0) {
+    return /* @__PURE__ */ jsxs2(Alert2, { severity: "warning", ...props, children: [
+      /* @__PURE__ */ jsx7(AlertTitle, { children: "Missing plugins!" }),
+      "Payload found but no plugins were present."
+    ] });
+  }
+  return /* @__PURE__ */ jsx7(Fragment3, { children });
+};
+
+// src/components/EmbedPlugin.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var EmbedPluginInner = ({
   validateSchema,
   plugins = [],
   huriPayload,
@@ -14,7 +206,7 @@ const EmbedPluginInner = ({
   onRefresh,
   children
 }) => {
-  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(ErrorBoundary, { children: /* @__PURE__ */ jsx8(
     EmbedPluginProvider,
     {
       refreshTitle,
@@ -22,15 +214,15 @@ const EmbedPluginInner = ({
       hideElementsConfig,
       plugins,
       embedPluginConfig,
-      children: /* @__PURE__ */ jsx(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ jsx(WithValidators, { validateSchema, children: /* @__PURE__ */ jsx(ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children }) }) })
+      children: /* @__PURE__ */ jsx8(WithResolvers, { onRefresh, huriPayload, children: /* @__PURE__ */ jsx8(WithValidators, { validateSchema, children: /* @__PURE__ */ jsx8(ListModeProvider, { defaultListMode: embedPluginConfig?.listMode, children }) }) })
     }
   ) });
 };
-const WithResolvers = ({ children, onRefresh, huriPayload }) => {
-  return /* @__PURE__ */ jsx(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ jsx(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ jsx(EmbedResolver, { children }) }) });
+var WithResolvers = ({ children, onRefresh, huriPayload }) => {
+  return /* @__PURE__ */ jsx8(RefreshPayloadProvider, { onRefresh, children: /* @__PURE__ */ jsx8(ResolvePayloadProvider, { huriPayload, children: /* @__PURE__ */ jsx8(EmbedResolver, { children }) }) });
 };
-const WithValidators = ({ children, validateSchema }) => {
-  return /* @__PURE__ */ jsx(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ jsx(ValidatePluginsAlert, { children: /* @__PURE__ */ jsx(ValidatePayloadAlert, { children }) }) });
+var WithValidators = ({ children, validateSchema }) => {
+  return /* @__PURE__ */ jsx8(ValidatePayloadProvider, { enabled: validateSchema, children: /* @__PURE__ */ jsx8(ValidatePluginsAlert, { children: /* @__PURE__ */ jsx8(ValidatePayloadAlert, { children }) }) });
 };
 export {
   EmbedPluginInner

package/dist/browser/components/EmbedPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EmbedPlugin.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ErrorBoundary, ListModeProvider } from '@xyo-network/react-shared'\n\nimport { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts'\nimport { EmbedPluginProps } from '../types'\nimport { EmbedResolver } from './EmbedResolver'\nimport { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts'\n\nexport const EmbedPluginInner: React.FC<WithChildren<EmbedPluginProps>> = ({\n  validateSchema,\n  plugins = [],\n  huriPayload,\n  refreshTitle = '',\n  timestampLabel = 'Data From',\n  hideElementsConfig,\n  embedPluginConfig,\n  onRefresh,\n  children,\n}) => {\n  return (\n    <ErrorBoundary>\n      <EmbedPluginProvider\n        refreshTitle={refreshTitle}\n        timestampLabel={timestampLabel}\n        hideElementsConfig={hideElementsConfig}\n        plugins={plugins}\n        embedPluginConfig={embedPluginConfig}\n      >\n        <WithResolvers onRefresh={onRefresh} huriPayload={huriPayload}>\n          <WithValidators validateSchema={validateSchema}>\n            <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>{children}</ListModeProvider>\n          </WithValidators>\n        </WithResolvers>\n      </EmbedPluginProvider>\n    </ErrorBoundary>\n  )\n}\n\ninterface WithResolversProps extends Pick<EmbedPluginProps, 'onRefresh' | 'huriPayload'>, FlexBoxProps {}\n\nconst WithResolvers: React.FC<WithChildren<WithResolversProps>> = ({ children, onRefresh, huriPayload }) => {\n  return (\n    <RefreshPayloadProvider onRefresh={onRefresh}>\n      <ResolvePayloadProvider huriPayload={huriPayload}>\n        <EmbedResolver>{children}</EmbedResolver>\n      </ResolvePayloadProvider>\n    </RefreshPayloadProvider>\n  )\n}\n\nconst WithValidators: React.FC<WithChildren<{ validateSchema?: boolean }>> = ({ children, validateSchema }) => {\n  return (\n    <ValidatePayloadProvider enabled={validateSchema}>\n      <ValidatePluginsAlert>\n        <ValidatePayloadAlert>{children}</ValidatePayloadAlert>\n      </ValidatePluginsAlert>\n    </ValidatePayloadProvider>\n  )\n}\n"],"mappings":"AA+BY;AA7BZ,SAAS,eAAe,wBAAwB;AAEhD,SAAS,qBAAqB,wBAAwB,wBAAwB,+BAA+B;AAE7G,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,4BAA4B;AAEpD,MAAM,mBAA6D,CAAC;AAAA,EACzE;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,oBAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,iBAAc,WAAsB,aACnC,8BAAC,kBAAe,gBACd,8BAAC,oBAAiB,iBAAiB,mBAAmB,UAAW,UAAS,GAC5E,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AAIA,MAAM,gBAA4D,CAAC,EAAE,UAAU,WAAW,YAAY,MAAM;AAC1G,SACE,oBAAC,0BAAuB,WACtB,8BAAC,0BAAuB,aACtB,8BAAC,iBAAe,UAAS,GAC3B,GACF;AAEJ;AAEA,MAAM,iBAAuE,CAAC,EAAE,UAAU,eAAe,MAAM;AAC7G,SACE,oBAAC,2BAAwB,SAAS,gBAChC,8BAAC,wBACC,8BAAC,wBAAsB,UAAS,GAClC,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/EmbedPlugin.tsx","../../../src/contexts/EmbedPluginContext/Context.tsx","../../../src/contexts/EmbedPluginContext/Provider.tsx","../../../src/contexts/EmbedPluginContext/use.tsx","../../../src/contexts/RefreshPayloadContext/Provider.tsx","../../../src/contexts/RefreshPayloadContext/Context.tsx","../../../src/contexts/RefreshPayloadContext/use.tsx","../../../src/contexts/ResolvePayloadContext/Context.ts","../../../src/contexts/ResolvePayloadContext/Provider.tsx","../../../src/contexts/ResolvePayloadContext/use.tsx","../../../src/contexts/ValidatePayloadContext/Provider.tsx","../../../src/contexts/ValidatePayloadContext/Context.ts","../../../src/contexts/ValidatePayloadContext/use.tsx","../../../src/components/EmbedResolver.tsx","../../../src/components/validation-alerts/ValidatePayload.tsx","../../../src/components/validation-alerts/ValidatePlugins.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { ErrorBoundary, ListModeProvider } from '@xyo-network/react-shared'\n\nimport { EmbedPluginProvider, RefreshPayloadProvider, ResolvePayloadProvider, ValidatePayloadProvider } from '../contexts'\nimport { EmbedPluginProps } from '../types'\nimport { EmbedResolver } from './EmbedResolver'\nimport { ValidatePayloadAlert, ValidatePluginsAlert } from './validation-alerts'\n\nexport const EmbedPluginInner: React.FC<WithChildren<EmbedPluginProps>> = ({\n  validateSchema,\n  plugins = [],\n  huriPayload,\n  refreshTitle = '',\n  timestampLabel = 'Data From',\n  hideElementsConfig,\n  embedPluginConfig,\n  onRefresh,\n  children,\n}) => {\n  return (\n    <ErrorBoundary>\n      <EmbedPluginProvider\n        refreshTitle={refreshTitle}\n        timestampLabel={timestampLabel}\n        hideElementsConfig={hideElementsConfig}\n        plugins={plugins}\n        embedPluginConfig={embedPluginConfig}\n      >\n        <WithResolvers onRefresh={onRefresh} huriPayload={huriPayload}>\n          <WithValidators validateSchema={validateSchema}>\n            <ListModeProvider defaultListMode={embedPluginConfig?.listMode}>{children}</ListModeProvider>\n          </WithValidators>\n        </WithResolvers>\n      </EmbedPluginProvider>\n    </ErrorBoundary>\n  )\n}\n\ninterface WithResolversProps extends Pick<EmbedPluginProps, 'onRefresh' | 'huriPayload'>, FlexBoxProps {}\n\nconst WithResolvers: React.FC<WithChildren<WithResolversProps>> = ({ children, onRefresh, huriPayload }) => {\n  return (\n    <RefreshPayloadProvider onRefresh={onRefresh}>\n      <ResolvePayloadProvider huriPayload={huriPayload}>\n        <EmbedResolver>{children}</EmbedResolver>\n      </ResolvePayloadProvider>\n    </RefreshPayloadProvider>\n  )\n}\n\nconst WithValidators: React.FC<WithChildren<{ validateSchema?: boolean }>> = ({ children, validateSchema }) => {\n  return (\n    <ValidatePayloadProvider enabled={validateSchema}>\n      <ValidatePluginsAlert>\n        <ValidatePayloadAlert>{children}</ValidatePayloadAlert>\n      </ValidatePluginsAlert>\n    </ValidatePayloadProvider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { WithChildren } from '@xylabs/react-shared'\nimport { PayloadRenderPlugin } from '@xyo-network/react-payload-plugin'\nimport { useEffect, useState } from 'react'\n\nimport { EmbedPluginContext } from './Context'\nimport { EmbedPluginBase } from './State'\n\nexport type EmbedPluginProviderProps = EmbedPluginBase\n\n/** Expose passed embed plugin props via context */\nexport const EmbedPluginProvider: React.FC<WithChildren<EmbedPluginProviderProps>> = ({\n  children,\n  refreshTitle,\n  timestampLabel,\n  hideElementsConfig,\n  plugins,\n  embedPluginConfig,\n}) => {\n  const [activePlugin, setActivePlugin] = useState<PayloadRenderPlugin | undefined>(plugins ? plugins[0] : undefined)\n\n  useEffect(() => {\n    setActivePlugin(plugins ? plugins[0] : undefined)\n  }, [plugins])\n\n  return (\n    <EmbedPluginContext.Provider\n      value={{\n        activePlugin,\n        embedPluginConfig,\n        hideElementsConfig,\n        provided: true,\n        refreshTitle,\n        setActivePlugin,\n        timestampLabel,\n      }}\n    >\n      {children}\n    </EmbedPluginContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { RefreshPayloadContext } from './Context'\n\nexport interface RefreshPayloadProps {\n  onRefresh?: () => void\n  refreshPayload?: boolean\n}\n\nexport const RefreshPayloadProvider: React.FC<WithChildren<RefreshPayloadProps>> = ({ children, onRefresh, refreshPayload }) => {\n  const [localRefreshPayload, setRefreshPayload] = useState(refreshPayload)\n\n  return (\n    <RefreshPayloadContext.Provider value={{ onRefresh, provided: true, refreshPayload: localRefreshPayload, setRefreshPayload }}>\n      {children}\n    </RefreshPayloadContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadState } from './State'\n\nexport const RefreshPayloadContext = createContextEx<RefreshPayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { RefreshPayloadContext } from './Context'\n\nexport const useRefreshPayload = () => useContextEx(RefreshPayloadContext, 'RefreshPayload', true)\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { delay } from '@xylabs/delay'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { Huri } from '@xyo-network/huri'\nimport { ModuleError, ModuleErrorSchema, Payload } from '@xyo-network/payload-model'\nimport { useEffect, useState } from 'react'\n\nimport { useRefreshPayload } from '../RefreshPayloadContext'\nimport { ResolvePayloadContext } from './Context'\nimport { ResolvePayloadState } from './State'\n\nexport type ResolvePayloadProviderProps = Omit<ResolvePayloadState, 'provided'>\n\nexport const ResolvePayloadProvider: React.FC<WithChildren<ResolvePayloadProviderProps>> = ({ children, huriPayload }) => {\n  const [payload, setPayload] = useState<Payload>()\n  const [huri, setHuri] = useState<string>()\n  const { refreshPayload, setRefreshPayload, onRefresh } = useRefreshPayload()\n\n  useEffect(() => {\n    typeof huriPayload === 'string' ? setHuri(huriPayload) : undefined\n    if (typeof huriPayload === 'object') {\n      setPayload(huriPayload)\n      setRefreshPayload?.(true)\n    }\n  }, [huriPayload, setRefreshPayload])\n\n  const [notFound, setNotFound] = useState<boolean>()\n  const [huriError, setHuriError] = useState<ModuleError>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      if (huri && !refreshPayload) {\n        try {\n          const huriInstance = new Huri(huri)\n          const result = await huriInstance.fetch()\n          // ensure the busy state can stay for a moment to avoid flashing too quickly\n          await delay(500)\n\n          if (mounted()) {\n            setNotFound(result === null)\n            setPayload(result)\n            setRefreshPayload?.(true)\n          }\n        } catch (e) {\n          const error = e as Error\n          setHuriError({ message: error.message, schema: ModuleErrorSchema, sources: [] })\n        }\n      }\n    },\n    [huri, payload, refreshPayload, setRefreshPayload],\n  )\n\n  const refreshHuri = () => {\n    onRefresh?.()\n    if (huri) {\n      setRefreshPayload?.(false)\n    }\n  }\n\n  return (\n    <ResolvePayloadContext.Provider value={{ huri, huriError, notFound, payload, provided: true, refreshHuri, setPayload }}>\n      {children}\n    </ResolvePayloadContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n","import { Chip } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { SchemaCache, SchemaNameToValidatorMap } from '@xyo-network/schema-cache'\nimport { useState } from 'react'\n\nimport { useResolvePayload } from '../ResolvePayloadContext'\nimport { ValidatePayloadContext } from './Context'\n\nexport interface ValidatePayloadProviderProps {\n  // Opt-in flag to validate payloads for the plugin(s)\n  enabled?: boolean\n}\n\nexport const ValidatePayloadProvider: React.FC<WithChildren<ValidatePayloadProviderProps>> = ({ children, enabled = false }) => {\n  const { payload } = useResolvePayload()\n  const [initialized, setInitialized] = useState(false)\n  const [valid, setValid] = useState<boolean>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (payload && enabled) {\n        await SchemaCache.instance.get(payload.schema)\n\n        const possibleKnownSchema = payload.schema as keyof SchemaNameToValidatorMap\n\n        if (SchemaCache.instance.validators[possibleKnownSchema]) {\n          const validator = SchemaCache.instance.validators[possibleKnownSchema]\n          setValid(validator?.(payload))\n        }\n        setInitialized(true)\n      }\n    },\n    [payload, enabled],\n  )\n\n  return (\n    <ValidatePayloadContext.Provider value={{ enabled, provided: true, schema: payload?.schema, validPayload: valid }}>\n      {enabled ? <>{initialized ? children : <Chip label=\"Validating Payload...\" />}</> : children}\n    </ValidatePayloadContext.Provider>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadState } from './State'\n\nexport const ValidatePayloadContext = createContextEx<ValidatePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ValidatePayloadContext } from './Context'\n\nexport const useValidatePayload = () => useContextEx(ValidatePayloadContext, 'ValidateSchema', true)\n","import { WithChildren } from '@xylabs/react-shared'\nimport { LoadResult } from '@xyo-network/react-shared'\n\nimport { useResolvePayload } from '../contexts'\n\nexport const EmbedResolver: React.FC<WithChildren> = ({ children }) => {\n  const { payload, notFound, huriError } = useResolvePayload()\n\n  return (\n    <LoadResult searchResult={payload} notFound={!!notFound} error={!!huriError}>\n      {children}\n    </LoadResult>\n  )\n}\n","import { Alert, AlertProps } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useValidatePayload } from '../../contexts'\n\nexport const ValidatePayloadAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {\n  const { validPayload, enabled, schema } = useValidatePayload()\n\n  if (enabled && validPayload === false) {\n    return (\n      <Alert severity=\"error\" title=\"Invalid Payload!\" {...props}>\n        Payload schema claimed to be {schema} but failed to validate.\n      </Alert>\n    )\n  }\n\n  return <>{children}</>\n}\n","import { Alert, AlertProps, AlertTitle } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useEmbedPluginState, useResolvePayload } from '../../contexts'\n\nexport const ValidatePluginsAlert: React.FC<WithChildren<AlertProps>> = ({ children, ...props }) => {\n  const { payload } = useResolvePayload()\n  const { plugins } = useEmbedPluginState()\n\n  if (payload && plugins?.length === 0) {\n    return (\n      <Alert severity=\"warning\" {...props}>\n        <AlertTitle>Missing plugins!</AlertTitle>Payload found but no plugins were present.\n      </Alert>\n    )\n  }\n\n  return <>{children}</>\n}\n"],"mappings":";AAEA,SAAS,eAAe,wBAAwB;;;ACFhD,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACFpE,SAAS,WAAW,gBAAgB;AAuBhC;AAfG,IAAM,sBAAwE,CAAC;AAAA,EACpF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,cAAc,eAAe,IAAI,SAA0C,UAAU,QAAQ,CAAC,IAAI,MAAS;AAElH,YAAU,MAAM;AACd,oBAAgB,UAAU,QAAQ,CAAC,IAAI,MAAS;AAAA,EAClD,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACvCA,SAAS,oBAAoB;AAItB,IAAM,sBAAsB,MAAM,aAAa,oBAAoB,eAAe,IAAI;;;ACH7F,SAAS,YAAAA,iBAAgB;;;ACDzB,SAAS,mBAAAC,wBAAuB;AAIzB,IAAM,wBAAwBA,iBAAqC;;;ADUtE,gBAAAC,YAAA;AAJG,IAAM,yBAAsE,CAAC,EAAE,UAAU,WAAW,eAAe,MAAM;AAC9H,QAAM,CAAC,qBAAqB,iBAAiB,IAAIC,UAAS,cAAc;AAExE,SACE,gBAAAD,KAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,WAAW,UAAU,MAAM,gBAAgB,qBAAqB,kBAAkB,GACxH,UACH;AAEJ;;;AElBA,SAAS,gBAAAE,qBAAoB;AAItB,IAAM,oBAAoB,MAAMC,cAAa,uBAAuB,kBAAkB,IAAI;;;ACJjG,SAAS,mBAAAC,wBAAuB;AAIzB,IAAM,wBAAwBA,iBAAqC;;;ACJ1E,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAE/B,SAAS,YAAY;AACrB,SAAsB,yBAAkC;AACxD,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AAwDhC,gBAAAC,YAAA;AAhDG,IAAM,yBAA8E,CAAC,EAAE,UAAU,YAAY,MAAM;AACxH,QAAM,CAAC,SAAS,UAAU,IAAIC,UAAkB;AAChD,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAiB;AACzC,QAAM,EAAE,gBAAgB,mBAAmB,UAAU,IAAI,kBAAkB;AAE3E,EAAAC,WAAU,MAAM;AACd,WAAO,gBAAgB,WAAW,QAAQ,WAAW,IAAI;AACzD,QAAI,OAAO,gBAAgB,UAAU;AACnC,iBAAW,WAAW;AACtB,0BAAoB,IAAI;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,aAAa,iBAAiB,CAAC;AAEnC,QAAM,CAAC,UAAU,WAAW,IAAID,UAAkB;AAClD,QAAM,CAAC,WAAW,YAAY,IAAIA,UAAsB;AAExD;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,UAAI,QAAQ,CAAC,gBAAgB;AAC3B,YAAI;AACF,gBAAM,eAAe,IAAI,KAAK,IAAI;AAClC,gBAAM,SAAS,MAAM,aAAa,MAAM;AAExC,gBAAM,MAAM,GAAG;AAEf,cAAI,QAAQ,GAAG;AACb,wBAAY,WAAW,IAAI;AAC3B,uBAAW,MAAM;AACjB,gCAAoB,IAAI;AAAA,UAC1B;AAAA,QACF,SAAS,GAAG;AACV,gBAAM,QAAQ;AACd,uBAAa,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE,CAAC;AAAA,QACjF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,gBAAgB,iBAAiB;AAAA,EACnD;AAEA,QAAM,cAAc,MAAM;AACxB,gBAAY;AACZ,QAAI,MAAM;AACR,0BAAoB,KAAK;AAAA,IAC3B;AAAA,EACF;AAEA,SACE,gBAAAD,KAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,MAAM,WAAW,UAAU,SAAS,UAAU,MAAM,aAAa,WAAW,GAClH,UACH;AAEJ;;;ACjEA,SAAS,gBAAAG,qBAAoB;AAItB,IAAM,oBAAoB,MAAMC,cAAa,uBAAuB,kBAAkB,IAAI;;;ACJjG,SAAS,YAAY;AACrB,SAAS,kBAAAC,uBAAsB;AAE/B,SAAS,mBAA6C;AACtD,SAAS,YAAAC,iBAAgB;;;ACJzB,SAAS,mBAAAC,wBAAuB;AAIzB,IAAM,yBAAyBA,iBAAsC;;;ADmC3D,mBAA4B,OAAAC,YAA5B;AAzBV,IAAM,0BAAgF,CAAC,EAAE,UAAU,UAAU,MAAM,MAAM;AAC9H,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,CAAC,aAAa,cAAc,IAAIC,UAAS,KAAK;AACpD,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAkB;AAE5C,EAAAC;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,WAAW,SAAS;AACtB,cAAM,YAAY,SAAS,IAAI,QAAQ,MAAM;AAE7C,cAAM,sBAAsB,QAAQ;AAEpC,YAAI,YAAY,SAAS,WAAW,mBAAmB,GAAG;AACxD,gBAAM,YAAY,YAAY,SAAS,WAAW,mBAAmB;AACrE,mBAAS,YAAY,OAAO,CAAC;AAAA,QAC/B;AACA,uBAAe,IAAI;AAAA,MACrB;AAAA,IACF;AAAA,IACA,CAAC,SAAS,OAAO;AAAA,EACnB;AAEA,SACE,gBAAAF,KAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,SAAS,UAAU,MAAM,QAAQ,SAAS,QAAQ,cAAc,MAAM,GAC7G,oBAAU,gBAAAA,KAAA,YAAG,wBAAc,WAAW,gBAAAA,KAAC,QAAK,OAAM,yBAAwB,GAAG,IAAM,UACtF;AAEJ;;;AE1CA,SAAS,gBAAAG,qBAAoB;AAItB,IAAM,qBAAqB,MAAMC,cAAa,wBAAwB,kBAAkB,IAAI;;;ACHnG,SAAS,kBAAkB;AAQvB,gBAAAC,YAAA;AAJG,IAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI,kBAAkB;AAE3D,SACE,gBAAAA,KAAC,cAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAC/D,UACH;AAEJ;;;ACbA,SAAS,aAAyB;AAU5B,SAMG,YAAAC,WAAA,OAAAC,MANH;AALC,IAAM,uBAA2D,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAClG,QAAM,EAAE,cAAc,SAAS,OAAO,IAAI,mBAAmB;AAE7D,MAAI,WAAW,iBAAiB,OAAO;AACrC,WACE,qBAAC,SAAM,UAAS,SAAQ,OAAM,oBAAoB,GAAG,OAAO;AAAA;AAAA,MAC5B;AAAA,MAAO;AAAA,OACvC;AAAA,EAEJ;AAEA,SAAO,gBAAAA,KAAAD,WAAA,EAAG,UAAS;AACrB;;;ACjBA,SAAS,SAAAE,QAAmB,kBAAkB;AAWxC,SAMG,YAAAC,WALD,OAAAC,MADF,QAAAC,aAAA;AANC,IAAM,uBAA2D,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAClG,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,EAAE,QAAQ,IAAI,oBAAoB;AAExC,MAAI,WAAW,SAAS,WAAW,GAAG;AACpC,WACE,gBAAAA,MAACC,QAAA,EAAM,UAAS,WAAW,GAAG,OAC5B;AAAA,sBAAAF,KAAC,cAAW,8BAAgB;AAAA,MAAa;AAAA,OAC3C;AAAA,EAEJ;AAEA,SAAO,gBAAAA,KAAAD,WAAA,EAAG,UAAS;AACrB;;;AfaY,gBAAAI,YAAA;AAtBL,IAAM,mBAA6D,CAAC;AAAA,EACzE;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,gBAAAA,KAAC,iBACC,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,0BAAAA,KAAC,iBAAc,WAAsB,aACnC,0BAAAA,KAAC,kBAAe,gBACd,0BAAAA,KAAC,oBAAiB,iBAAiB,mBAAmB,UAAW,UAAS,GAC5E,GACF;AAAA;AAAA,EACF,GACF;AAEJ;AAIA,IAAM,gBAA4D,CAAC,EAAE,UAAU,WAAW,YAAY,MAAM;AAC1G,SACE,gBAAAA,KAAC,0BAAuB,WACtB,0BAAAA,KAAC,0BAAuB,aACtB,0BAAAA,KAAC,iBAAe,UAAS,GAC3B,GACF;AAEJ;AAEA,IAAM,iBAAuE,CAAC,EAAE,UAAU,eAAe,MAAM;AAC7G,SACE,gBAAAA,KAAC,2BAAwB,SAAS,gBAChC,0BAAAA,KAAC,wBACC,0BAAAA,KAAC,wBAAsB,UAAS,GAClC,GACF;AAEJ;","names":["useState","createContextEx","jsx","useState","useContextEx","useContextEx","createContextEx","useEffect","useState","jsx","useState","useEffect","useContextEx","useContextEx","useAsyncEffect","useState","createContextEx","jsx","useState","useAsyncEffect","useContextEx","useContextEx","jsx","Fragment","jsx","Alert","Fragment","jsx","jsxs","Alert","jsx"]}

package/dist/browser/components/EmbedResolver.js

@@ -1,7 +1,17 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/EmbedResolver.tsx
 import { LoadResult } from "@xyo-network/react-shared";
-import { useResolvePayload } from "../contexts";
-const EmbedResolver = ({ children }) => {
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/EmbedResolver.tsx
+import { jsx } from "react/jsx-runtime";
+var EmbedResolver = ({ children }) => {
   const { payload, notFound, huriError } = useResolvePayload();
   return /* @__PURE__ */ jsx(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children });
 };

package/dist/browser/components/EmbedResolver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EmbedResolver.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { LoadResult } from '@xyo-network/react-shared'\n\nimport { useResolvePayload } from '../contexts'\n\nexport const EmbedResolver: React.FC<WithChildren> = ({ children }) => {\n  const { payload, notFound, huriError } = useResolvePayload()\n\n  return (\n    <LoadResult searchResult={payload} notFound={!!notFound} error={!!huriError}>\n      {children}\n    </LoadResult>\n  )\n}\n"],"mappings":"AASI;AARJ,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAE3B,MAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI,kBAAkB;AAE3D,SACE,oBAAC,cAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAC/D,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/EmbedResolver.tsx","../../../src/contexts/ResolvePayloadContext/Context.ts","../../../src/contexts/ResolvePayloadContext/use.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { LoadResult } from '@xyo-network/react-shared'\n\nimport { useResolvePayload } from '../contexts'\n\nexport const EmbedResolver: React.FC<WithChildren> = ({ children }) => {\n  const { payload, notFound, huriError } = useResolvePayload()\n\n  return (\n    <LoadResult searchResult={payload} notFound={!!notFound} error={!!huriError}>\n      {children}\n    </LoadResult>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadState } from './State'\n\nexport const ResolvePayloadContext = createContextEx<ResolvePayloadState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { ResolvePayloadContext } from './Context'\n\nexport const useResolvePayload = () => useContextEx(ResolvePayloadContext, 'ResolvePayload', true)\n"],"mappings":";AACA,SAAS,kBAAkB;;;ACD3B,SAAS,uBAAuB;AAIzB,IAAM,wBAAwB,gBAAqC;;;ACJ1E,SAAS,oBAAoB;AAItB,IAAM,oBAAoB,MAAM,aAAa,uBAAuB,kBAAkB,IAAI;;;AFK7F;AAJG,IAAM,gBAAwC,CAAC,EAAE,SAAS,MAAM;AACrE,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI,kBAAkB;AAE3D,SACE,oBAAC,cAAW,cAAc,SAAS,UAAU,CAAC,CAAC,UAAU,OAAO,CAAC,CAAC,WAC/D,UACH;AAEJ;","names":[]}

package/dist/browser/components/controls/EmbedFormControl.js

@@ -1,6 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/controls/EmbedFormControl.tsx
 import { FormControl, InputLabel } from "@mui/material";
-const EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
   return /* @__PURE__ */ jsxs(FormControl, { ...props, children: [
     /* @__PURE__ */ jsx(InputLabel, { id: formId, children: formLabel }),
     children

package/dist/browser/components/controls/EmbedFormControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/controls/EmbedFormControl.tsx"],"sourcesContent":["import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n"],"mappings":"AAUI,SACE,KADF;AAVJ,SAAS,aAA+B,kBAAkB;AAQnD,MAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/controls/EmbedFormControl.tsx"],"sourcesContent":["import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n"],"mappings":";AAAA,SAAS,aAA+B,kBAAkB;AAUtD,SACE,KADF;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/controls/ListModeSelect.js

@@ -1,12 +1,24 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/controls/ListModeSelect.tsx
 import { MenuItem, Select } from "@mui/material";
 import { useListMode } from "@xyo-network/react-shared";
-import { EmbedFormControl } from "./EmbedFormControl";
-const listModeSelectId = "listmode-select-id";
-const listModeSelectLabel = "List Mode";
-const ListModeSelect = (props) => {
+
+// src/components/controls/EmbedFormControl.tsx
+import { FormControl, InputLabel } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(FormControl, { ...props, children: [
+    /* @__PURE__ */ jsx(InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
   const { listMode, setListMode } = useListMode();
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     Select,
     {
       value: listMode ?? "default",
@@ -15,15 +27,15 @@ const ListModeSelect = (props) => {
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx(MenuItem, { value: "default", children: "Default" }, "default"),
-        /* @__PURE__ */ jsx(MenuItem, { value: "table", children: "Table" }, "table"),
-        /* @__PURE__ */ jsx(MenuItem, { value: "grid", children: "Grid" }, "grid")
+        /* @__PURE__ */ jsx2(MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "grid", children: "Grid" }, "grid")
       ]
     }
   );
 };
-const ListModeSelectFormControl = (props) => {
-  return /* @__PURE__ */ jsx(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ jsx2(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx2(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
 };
 export {
   ListModeSelect,

package/dist/browser/components/controls/ListModeSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/controls/ListModeSelect.tsx"],"sourcesContent":["import { MenuItem, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n"],"mappings":"AAYI,SAOE,KAPF;AAZJ,SAAS,UAAU,cAA2B;AAC9C,SAAmB,mBAAmB;AAEtC,SAAS,wBAAwB;AAEjC,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAErB,MAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAQ,YAAY;AAAA,MACpB,UAAU,CAAC,UAAU;AACnB,sBAAc,MAAM,OAAO,KAAiB;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,oBAAC,YAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,oBAAC,YAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,oBAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,8BAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/controls/ListModeSelect.tsx","../../../../src/components/controls/EmbedFormControl.tsx"],"sourcesContent":["import { MenuItem, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n","import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU,cAA2B;AAC9C,SAAmB,mBAAmB;;;ACDtC,SAAS,aAA+B,kBAAkB;AAUtD,SACE,KADF;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ADHI,SAOE,OAAAA,MAPF,QAAAC,aAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAE9C,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAQ,YAAY;AAAA,MACpB,UAAU,CAAC,UAAU;AACnB,sBAAc,MAAM,OAAO,KAAiB;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,wBAAAD,KAAC,YAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,gBAAAA,KAAC,YAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,gBAAAA,KAAC,YAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,0BAAAA,KAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;","names":["jsx","jsxs"]}

package/dist/browser/components/controls/RenderSelect.js

@@ -1,12 +1,31 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/controls/RenderSelect.tsx
 import { MenuItem, Select } from "@mui/material";
-import { useEmbedPluginState } from "../../contexts";
-import { EmbedFormControl } from "./EmbedFormControl";
-const renderSelectId = "render-select-id";
-const renderSelectLabel = "Renderer";
-const EmbedRenderSelect = (props) => {
+
+// src/contexts/EmbedPluginContext/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var EmbedPluginContext = createContextEx();
+
+// src/contexts/EmbedPluginContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/components/controls/EmbedFormControl.tsx
+import { FormControl, InputLabel } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(FormControl, { ...props, children: [
+    /* @__PURE__ */ jsx(InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/RenderSelect.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = (props) => {
   const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
-  return /* @__PURE__ */ jsx(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx(Select, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx(MenuItem, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+  return /* @__PURE__ */ jsx2(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx2(Select, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx2(MenuItem, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
 };
 export {
   EmbedRenderSelect

package/dist/browser/components/controls/RenderSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/controls/RenderSelect.tsx"],"sourcesContent":["import { MenuItem, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map((plugin) => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </Select>\n    </EmbedFormControl>\n  )\n}\n"],"mappings":"AAcU;AAdV,SAAS,UAAU,cAA2B;AAE9C,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAEjC,MAAM,iBAAiB;AACvB,MAAM,oBAAoB;AAEnB,MAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,oBAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,8BAAC,UAAO,MAAK,SAAQ,OAAO,cAAc,MAAO,GAAG,OACjD,mBAAS,IAAI,CAAC,WACb,oBAAC,YAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,kBAAkB,MAAM,GACpF,iBAAO,QADyB,OAAO,IAE1C,CACD,GACH,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/controls/RenderSelect.tsx","../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../src/contexts/EmbedPluginContext/use.tsx","../../../../src/components/controls/EmbedFormControl.tsx"],"sourcesContent":["import { MenuItem, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map((plugin) => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </Select>\n    </EmbedFormControl>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n","import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU,cAA2B;;;ACA9C,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,sBAAsB,MAAM,aAAa,oBAAoB,eAAe,IAAI;;;ACJ7F,SAAS,aAA+B,kBAAkB;AAUtD,SACE,KADF;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;AHDU,gBAAAA,YAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,0BAAAA,KAAC,UAAO,MAAK,SAAQ,OAAO,cAAc,MAAO,GAAG,OACjD,mBAAS,IAAI,CAAC,WACb,gBAAAA,KAAC,YAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,kBAAkB,MAAM,GACpF,iBAAO,QADyB,OAAO,IAE1C,CACD,GACH,GACF;AAEJ;","names":["jsx"]}

package/dist/browser/components/controls/index.js

@@ -1,4 +1,64 @@
-export * from "./EmbedFormControl";
-export * from "./ListModeSelect";
-export * from "./RenderSelect";
+// src/components/controls/EmbedFormControl.tsx
+import { FormControl, InputLabel } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(FormControl, { ...props, children: [
+    /* @__PURE__ */ jsx(InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+import { MenuItem, Select } from "@mui/material";
+import { useListMode } from "@xyo-network/react-shared";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = useListMode();
+  return /* @__PURE__ */ jsxs2(
+    Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode?.(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ jsx2(MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ jsx2(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ jsx2(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+
+// src/components/controls/RenderSelect.tsx
+import { MenuItem as MenuItem2, Select as Select2 } from "@mui/material";
+
+// src/contexts/EmbedPluginContext/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var EmbedPluginContext = createContextEx();
+
+// src/contexts/EmbedPluginContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useEmbedPluginState = () => useContextEx(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/components/controls/RenderSelect.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = (props) => {
+  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
+  return /* @__PURE__ */ jsx3(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ jsx3(Select2, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ jsx3(MenuItem2, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+};
+export {
+  EmbedFormControl,
+  EmbedRenderSelect,
+  ListModeSelect,
+  ListModeSelectFormControl
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/controls/index.ts"],"sourcesContent":["export * from './EmbedFormControl'\nexport * from './ListModeSelect'\nexport * from './RenderSelect'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/controls/EmbedFormControl.tsx","../../../../src/components/controls/ListModeSelect.tsx","../../../../src/components/controls/RenderSelect.tsx","../../../../src/contexts/EmbedPluginContext/Context.tsx","../../../../src/contexts/EmbedPluginContext/use.tsx"],"sourcesContent":["import { FormControl, FormControlProps, InputLabel } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\ninterface EmbedFormControlProps extends FormControlProps {\n  formId?: string\n  formLabel?: string\n}\n\nexport const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>> = ({ formId, formLabel, children, ...props }) => {\n  return (\n    <FormControl {...props}>\n      <InputLabel id={formId}>{formLabel}</InputLabel>\n      {children}\n    </FormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\nimport { ListMode, useListMode } from '@xyo-network/react-shared'\n\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst listModeSelectId = 'listmode-select-id'\nconst listModeSelectLabel = 'List Mode'\n\nexport const ListModeSelect: React.FC<SelectProps<ListMode>> = (props) => {\n  const { listMode, setListMode } = useListMode()\n\n  return (\n    <Select<ListMode>\n      value={(listMode ?? 'default') as ListMode}\n      onChange={(event) => {\n        setListMode?.(event.target.value as ListMode)\n      }}\n      {...props}\n    >\n      <MenuItem key=\"default\" value=\"default\">\n        Default\n      </MenuItem>\n      <MenuItem key=\"table\" value=\"table\">\n        Table\n      </MenuItem>\n      <MenuItem key=\"grid\" value=\"grid\">\n        Grid\n      </MenuItem>\n    </Select>\n  )\n}\n\nexport const ListModeSelectFormControl: React.FC<SelectProps<ListMode>> = (props) => {\n  return (\n    <EmbedFormControl formId={listModeSelectId} formLabel={listModeSelectLabel}>\n      <ListModeSelect size=\"small\" label={listModeSelectLabel} labelId={listModeSelectId} {...props} />\n    </EmbedFormControl>\n  )\n}\n","import { MenuItem, Select, SelectProps } from '@mui/material'\n\nimport { useEmbedPluginState } from '../../contexts'\nimport { EmbedFormControl } from './EmbedFormControl'\n\nconst renderSelectId = 'render-select-id'\nconst renderSelectLabel = 'Renderer'\n\nexport const EmbedRenderSelect: React.FC<SelectProps> = (props) => {\n  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState()\n  return (\n    <EmbedFormControl formId={renderSelectId} formLabel={renderSelectLabel}>\n      <Select size=\"small\" value={activePlugin?.name} {...props}>\n        {plugins?.map((plugin) => (\n          <MenuItem value={plugin.name} key={plugin.name} onClick={() => setActivePlugin?.(plugin)}>\n            {plugin.name}\n          </MenuItem>\n        ))}\n      </Select>\n    </EmbedFormControl>\n  )\n}\n","import { createContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginState } from './State'\n\nexport const EmbedPluginContext = createContextEx<EmbedPluginState>()\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { EmbedPluginContext } from './Context'\n\nexport const useEmbedPluginState = () => useContextEx(EmbedPluginContext, 'EmbedPlugin', true)\n"],"mappings":";AAAA,SAAS,aAA+B,kBAAkB;AAUtD,SACE,KADF;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ACfA,SAAS,UAAU,cAA2B;AAC9C,SAAmB,mBAAmB;AAWlC,SAOE,OAAAA,MAPF,QAAAC,aAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,IAAI,YAAY;AAE9C,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAQ,YAAY;AAAA,MACpB,UAAU,CAAC,UAAU;AACnB,sBAAc,MAAM,OAAO,KAAiB;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,wBAAAD,KAAC,YAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,gBAAAA,KAAC,YAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,gBAAAA,KAAC,YAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,0BAAAA,KAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;;;ACtCA,SAAS,YAAAE,WAAU,UAAAC,eAA2B;;;ACA9C,SAAS,uBAAuB;AAIzB,IAAM,qBAAqB,gBAAkC;;;ACJpE,SAAS,oBAAoB;AAItB,IAAM,sBAAsB,MAAM,aAAa,oBAAoB,eAAe,IAAI;;;AFUnF,gBAAAC,YAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,gBAAAA,KAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,0BAAAA,KAACC,SAAA,EAAO,MAAK,SAAQ,OAAO,cAAc,MAAO,GAAG,OACjD,mBAAS,IAAI,CAAC,WACb,gBAAAD,KAACE,WAAA,EAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,kBAAkB,MAAM,GACpF,iBAAO,QADyB,OAAO,IAE1C,CACD,GACH,GACF;AAEJ;","names":["jsx","jsxs","MenuItem","Select","jsx","Select","MenuItem"]}

package/dist/browser/components/embed-card/EmbedCardResolver.js

@@ -1,14 +1,61 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/embed-card/EmbedCardResolver.tsx
 import { useTheme } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
 import { LoadResult } from "@xyo-network/react-shared";
-import { useRefreshPayload, useResolvePayload } from "../../contexts";
-import { EmbedCardApiErrorRenderer } from "./error-handling";
-const EmbedCardResolverFlexBox = ({ children, ...props }) => {
+
+// src/contexts/RefreshPayloadContext/Context.tsx
+import { createContextEx } from "@xyo-network/react-shared";
+var RefreshPayloadContext = createContextEx();
+
+// src/contexts/RefreshPayloadContext/use.tsx
+import { useContextEx } from "@xyo-network/react-shared";
+var useRefreshPayload = () => useContextEx(RefreshPayloadContext, "RefreshPayload", true);
+
+// src/contexts/ResolvePayloadContext/Context.ts
+import { createContextEx as createContextEx2 } from "@xyo-network/react-shared";
+var ResolvePayloadContext = createContextEx2();
+
+// src/contexts/ResolvePayloadContext/use.tsx
+import { useContextEx as useContextEx2 } from "@xyo-network/react-shared";
+var useResolvePayload = () => useContextEx2(ResolvePayloadContext, "ResolvePayload", true);
+
+// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
+import { ErrorAlert, ErrorRender } from "@xyo-network/react-error";
+
+// src/components/embed-card/error-handling/EmbedErrorCard.tsx
+import { Alert, AlertTitle, Card, CardContent, Typography } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EmbedErrorCard = (props) => {
+  const { alertProps, error, hideErrorDetails = true, children, ...cardProps } = props;
+  const errorProps = { alertProps, error, hideErrorDetails };
+  return /* @__PURE__ */ jsx(Card, { ...cardProps, children: /* @__PURE__ */ jsx(CardContent, { children: children ?? /* @__PURE__ */ jsx(DefaultErrorAlert, { ...errorProps }) }) });
+};
+var DefaultErrorAlert = ({ alertProps, hideErrorDetails, error }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...alertProps, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    !hideErrorDetails && error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Error: " }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message })
+    ] }) : /* @__PURE__ */ jsx(Typography, { variant: "caption", fontSize: "small", children: "Error Loading Plugin" })
+  ] });
+};
+
+// src/components/embed-card/error-handling/EmbedCardApiErrorRenderer.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EmbedCardApiErrorRenderer = ({ xyoError, children, ...props }) => {
+  return /* @__PURE__ */ jsx2(ErrorRender, { error: xyoError, noReAuth: true, noErrorDisplay: true, customError: /* @__PURE__ */ jsx2(CustomApiErrorCard, { xyoError, ...props }), children });
+};
+var CustomApiErrorCard = ({ xyoError, ...props }) => {
+  return /* @__PURE__ */ jsx2(EmbedErrorCard, { ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error: xyoError }) });
+};
+
+// src/components/embed-card/EmbedCardResolver.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var EmbedCardResolverFlexBox = ({ children, ...props }) => {
   const { payload, notFound, huriError } = useResolvePayload();
   const { refreshPayload } = useRefreshPayload();
   const theme = useTheme();
-  return /* @__PURE__ */ jsx(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children: /* @__PURE__ */ jsx(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(LoadResult, { searchResult: payload, notFound: !!notFound, error: !!huriError, children: /* @__PURE__ */ jsx3(EmbedCardApiErrorRenderer, { xyoError: huriError, children: /* @__PURE__ */ jsx3(
     FlexCol,
     {
       id: "embed-outer-wrap",