@xyo-network/react-embed 2.64.0-rc.7 → 2.64.1

package/dist/browser/components/EmbedResolver.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export declare const EmbedResolver: React.FC<WithChildren>;
+//# sourceMappingURL=EmbedResolver.d.ts.map

package/dist/browser/components/EmbedResolver.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedResolver.d.ts","sourceRoot":"","sources":["../../../src/components/EmbedResolver.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQhD,CAAA"}

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.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/controls/EmbedFormControl.tsx
+var EmbedFormControl_exports = {};
+__export(EmbedFormControl_exports, {
+  EmbedFormControl: () => EmbedFormControl
+});
+module.exports = __toCommonJS(EmbedFormControl_exports);
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+//# sourceMappingURL=EmbedFormControl.cjs.map

package/dist/{node/components/controls/EmbedFormControl.mjs.map → browser/components/controls/EmbedFormControl.cjs.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;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0D;AAUtD;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/components/controls/EmbedFormControl.d.cts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormControlProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+interface EmbedFormControlProps extends FormControlProps {
+    formId?: string;
+    formLabel?: string;
+}
+export declare const EmbedFormControl: React.FC<WithChildren<EmbedFormControlProps>>;
+export {};
+//# sourceMappingURL=EmbedFormControl.d.ts.map

package/dist/browser/components/controls/EmbedFormControl.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedFormControl.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/EmbedFormControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAc,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,UAAU,qBAAsB,SAAQ,gBAAgB;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAO1E,CAAA"}

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.cjs

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/controls/ListModeSelect.tsx
+var ListModeSelect_exports = {};
+__export(ListModeSelect_exports, {
+  ListModeSelect: () => ListModeSelect,
+  ListModeSelectFormControl: () => ListModeSelectFormControl
+});
+module.exports = __toCommonJS(ListModeSelect_exports);
+var import_material2 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+
+// src/components/controls/EmbedFormControl.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = (0, import_react_shared.useListMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_material2.Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode?.(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+//# sourceMappingURL=ListModeSelect.cjs.map

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

@@ -0,0 +1 @@
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAA8C;AAC9C,0BAAsC;;;ACDtC,sBAA0D;AAUtD;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ADHI,IAAAC,sBAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,QAAI,iCAAY;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,qDAAC,6BAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,6CAAC,6BAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,6CAAC,6BAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,6CAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,uDAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;","names":["import_material","import_jsx_runtime"]}

package/dist/browser/components/controls/ListModeSelect.d.cts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SelectProps } from '@mui/material';
+import { ListMode } from '@xyo-network/react-shared';
+export declare const ListModeSelect: React.FC<SelectProps<ListMode>>;
+export declare const ListModeSelectFormControl: React.FC<SelectProps<ListMode>>;
+//# sourceMappingURL=ListModeSelect.d.ts.map

package/dist/browser/components/controls/ListModeSelect.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListModeSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/ListModeSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAe,MAAM,2BAA2B,CAAA;AAOjE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAsB1D,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAMrE,CAAA"}

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.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/controls/RenderSelect.tsx
+var RenderSelect_exports = {};
+__export(RenderSelect_exports, {
+  EmbedRenderSelect: () => EmbedRenderSelect
+});
+module.exports = __toCommonJS(RenderSelect_exports);
+var import_material2 = require("@mui/material");
+
+// src/contexts/EmbedPluginContext/Context.tsx
+var import_react_shared = require("@xyo-network/react-shared");
+var EmbedPluginContext = (0, import_react_shared.createContextEx)();
+
+// src/contexts/EmbedPluginContext/use.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var useEmbedPluginState = () => (0, import_react_shared2.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/components/controls/EmbedFormControl.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/RenderSelect.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = (props) => {
+  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Select, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+};
+//# sourceMappingURL=RenderSelect.cjs.map

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

@@ -0,0 +1 @@
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,mBAA8C;;;ACA9C,0BAAgC;AAIzB,IAAM,yBAAqB,qCAAkC;;;ACJpE,IAAAC,uBAA6B;AAItB,IAAM,sBAAsB,UAAM,mCAAa,oBAAoB,eAAe,IAAI;;;ACJ7F,sBAA0D;AAUtD;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;AHDU,IAAAC,sBAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,6CAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,uDAAC,2BAAO,MAAK,SAAQ,OAAO,cAAc,MAAO,GAAG,OACjD,mBAAS,IAAI,CAAC,WACb,6CAAC,6BAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,kBAAkB,MAAM,GACpF,iBAAO,QADyB,OAAO,IAE1C,CACD,GACH,GACF;AAEJ;","names":["import_material","import_react_shared","import_jsx_runtime"]}

package/dist/browser/components/controls/RenderSelect.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectProps } from '@mui/material';
+export declare const EmbedRenderSelect: React.FC<SelectProps>;
+//# sourceMappingURL=RenderSelect.d.ts.map

package/dist/browser/components/controls/RenderSelect.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/RenderSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,WAAW,EAAE,MAAM,eAAe,CAAA;AAQ7D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAanD,CAAA"}

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.cjs

@@ -0,0 +1,87 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/controls/index.ts
+var controls_exports = {};
+__export(controls_exports, {
+  EmbedFormControl: () => EmbedFormControl,
+  EmbedRenderSelect: () => EmbedRenderSelect,
+  ListModeSelect: () => ListModeSelect,
+  ListModeSelectFormControl: () => ListModeSelectFormControl
+});
+module.exports = __toCommonJS(controls_exports);
+
+// src/components/controls/EmbedFormControl.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var EmbedFormControl = ({ formId, formLabel, children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.FormControl, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.InputLabel, { id: formId, children: formLabel }),
+    children
+  ] });
+};
+
+// src/components/controls/ListModeSelect.tsx
+var import_material2 = require("@mui/material");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var listModeSelectId = "listmode-select-id";
+var listModeSelectLabel = "List Mode";
+var ListModeSelect = (props) => {
+  const { listMode, setListMode } = (0, import_react_shared.useListMode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_material2.Select,
+    {
+      value: listMode ?? "default",
+      onChange: (event) => {
+        setListMode?.(event.target.value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "default", children: "Default" }, "default"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "table", children: "Table" }, "table"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.MenuItem, { value: "grid", children: "Grid" }, "grid")
+      ]
+    }
+  );
+};
+var ListModeSelectFormControl = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmbedFormControl, { formId: listModeSelectId, formLabel: listModeSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ListModeSelect, { size: "small", label: listModeSelectLabel, labelId: listModeSelectId, ...props }) });
+};
+
+// src/components/controls/RenderSelect.tsx
+var import_material3 = require("@mui/material");
+
+// src/contexts/EmbedPluginContext/Context.tsx
+var import_react_shared2 = require("@xyo-network/react-shared");
+var EmbedPluginContext = (0, import_react_shared2.createContextEx)();
+
+// src/contexts/EmbedPluginContext/use.tsx
+var import_react_shared3 = require("@xyo-network/react-shared");
+var useEmbedPluginState = () => (0, import_react_shared3.useContextEx)(EmbedPluginContext, "EmbedPlugin", true);
+
+// src/components/controls/RenderSelect.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var renderSelectId = "render-select-id";
+var renderSelectLabel = "Renderer";
+var EmbedRenderSelect = (props) => {
+  const { activePlugin, setActivePlugin, plugins } = useEmbedPluginState();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EmbedFormControl, { formId: renderSelectId, formLabel: renderSelectLabel, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Select, { size: "small", value: activePlugin?.name, ...props, children: plugins?.map((plugin) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.MenuItem, { value: plugin.name, onClick: () => setActivePlugin?.(plugin), children: plugin.name }, plugin.name)) }) });
+};
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/controls/index.ts","../../../../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":["export * from './EmbedFormControl'\nexport * from './ListModeSelect'\nexport * from './RenderSelect'\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","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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA0D;AAUtD;AAFG,IAAM,mBAAkE,CAAC,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,MAAM;AAC5H,SACE,6CAAC,+BAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,IAAI,QAAS,qBAAU;AAAA,IAClC;AAAA,KACH;AAEJ;;;ACfA,IAAAA,mBAA8C;AAC9C,0BAAsC;AAWlC,IAAAC,sBAAA;AAPJ,IAAM,mBAAmB;AACzB,IAAM,sBAAsB;AAErB,IAAM,iBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,UAAU,YAAY,QAAI,iCAAY;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,qDAAC,6BAAuB,OAAM,WAAU,uBAA1B,SAEd;AAAA,QACA,6CAAC,6BAAqB,OAAM,SAAQ,qBAAtB,OAEd;AAAA,QACA,6CAAC,6BAAoB,OAAM,QAAO,oBAApB,MAEd;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,4BAA6D,CAAC,UAAU;AACnF,SACE,6CAAC,oBAAiB,QAAQ,kBAAkB,WAAW,qBACrD,uDAAC,kBAAe,MAAK,SAAQ,OAAO,qBAAqB,SAAS,kBAAmB,GAAG,OAAO,GACjG;AAEJ;;;ACtCA,IAAAC,mBAA8C;;;ACA9C,IAAAC,uBAAgC;AAIzB,IAAM,yBAAqB,sCAAkC;;;ACJpE,IAAAC,uBAA6B;AAItB,IAAM,sBAAsB,UAAM,mCAAa,oBAAoB,eAAe,IAAI;;;AFUnF,IAAAC,sBAAA;AATV,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAEnB,IAAM,oBAA2C,CAAC,UAAU;AACjE,QAAM,EAAE,cAAc,iBAAiB,QAAQ,IAAI,oBAAoB;AACvE,SACE,6CAAC,oBAAiB,QAAQ,gBAAgB,WAAW,mBACnD,uDAAC,2BAAO,MAAK,SAAQ,OAAO,cAAc,MAAO,GAAG,OACjD,mBAAS,IAAI,CAAC,WACb,6CAAC,6BAAS,OAAO,OAAO,MAAwB,SAAS,MAAM,kBAAkB,MAAM,GACpF,iBAAO,QADyB,OAAO,IAE1C,CACD,GACH,GACF;AAEJ;","names":["import_material","import_jsx_runtime","import_material","import_react_shared","import_react_shared","import_jsx_runtime"]}

package/dist/browser/components/controls/index.d.cts

@@ -0,0 +1,4 @@
+export * from './EmbedFormControl';
+export * from './ListModeSelect';
+export * from './RenderSelect';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/controls/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

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"]}