@optiaxiom/react 1.9.16 → 1.9.18

package/dist/esm/packages/react/src/proteus-document/ProteusChart.js

@@ -1,73 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { theme } from '@optiaxiom/globals';
-import { ResponsiveContainer, BarChart, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, Line } from 'recharts';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { chart } from './ProteusChart-css.js';
-import { ProteusChartTooltipContent } from './ProteusChartTooltipContent.js';
-
-const DEFAULT_COLORS = ["#096DD9", "#E59700", "#38C56C", "#D1D8DE"];
-const getColor = (index) => DEFAULT_COLORS[index % DEFAULT_COLORS.length];
-const ProteusChart = ({
-  data,
-  series,
-  type,
-  xAxisKey
-}) => {
-  const ChartComponent = type === "bar" ? BarChart : LineChart;
-  const Chart = type === "bar" ? Bar : Line;
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...chart(), children: /* @__PURE__ */ jsx(ResponsiveContainer, { aspect: 16 / 9, width: "100%", children: /* @__PURE__ */ jsxs(ChartComponent, { data, children: [
-    /* @__PURE__ */ jsx(
-      CartesianGrid,
-      {
-        stroke: "#E0E0E0",
-        strokeDasharray: "4 4",
-        vertical: false
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      XAxis,
-      {
-        axisLine: false,
-        dataKey: xAxisKey,
-        minTickGap: 32,
-        padding: { left: 16, right: 16 },
-        tick: { fill: theme.colors["fg.secondary"] },
-        tickLine: false,
-        tickMargin: 8
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      YAxis,
-      {
-        axisLine: { stroke: "#CBD5E1" },
-        minTickGap: 32,
-        tick: { fill: theme.colors["fg.secondary"] },
-        tickFormatter: (value) => new Intl.NumberFormat(void 0, {
-          compactDisplay: "short",
-          notation: "compact"
-        }).format(value),
-        tickMargin: 8,
-        width: "auto"
-      }
-    ),
-    /* @__PURE__ */ jsx(Tooltip, { content: ProteusChartTooltipContent, cursor: false }),
-    series.map((s, i) => /* @__PURE__ */ jsx(
-      Chart,
-      {
-        dataKey: s.dataKey,
-        dot: false,
-        fill: getColor(i),
-        name: s.name ?? s.dataKey,
-        radius: type === "bar" ? 4 : void 0,
-        type: "natural"
-      },
-      s.dataKey
-    ))
-  ] }) }) });
-};
-ProteusChart.displayName = "@optiaxiom/react/ProteusChart";
-
-export { ProteusChart };

package/dist/esm/packages/react/src/proteus-document/ProteusChartTooltipContent-css.js

@@ -1,8 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CSarMspk.css';
-import './../../../../assets/src/proteus-document/ProteusChartTooltipContent.css.ts.vanilla-P2y3-Hsr.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var tooltip = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'_1mfoexr']});
-var value = recipeRuntime({base:[{color:'fg.default',fontWeight:'500'},'_1iom0k8']});
-
-export { tooltip, value };

package/dist/esm/packages/react/src/proteus-document/ProteusChartTooltipContent.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Group } from '../group/Group.js';
-import { tooltip, value } from './ProteusChartTooltipContent-css.js';
-
-function ProteusChartTooltipContent({
-  active,
-  label,
-  payload
-}) {
-  if (!active || !payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Box, { ...tooltip(), children: [
-    label && /* @__PURE__ */ jsx(Box, { fontWeight: "500", children: label }),
-    /* @__PURE__ */ jsx("div", { children: payload.filter((item) => item.type !== "none").map((item) => /* @__PURE__ */ jsxs(
-      Box,
-      {
-        alignItems: "center",
-        display: "flex",
-        gap: "8",
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "8", children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                flex: "none",
-                rounded: "xs",
-                size: "10",
-                style: { backgroundColor: item.color }
-              }
-            ),
-            /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: item.name ?? item.dataKey })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { ...value(), children: typeof item.value === "number" ? item.value.toLocaleString() : item.value })
-        ]
-      },
-      item.dataKey
-    )) })
-  ] });
-}
-
-export { ProteusChartTooltipContent };

package/dist/esm/packages/react/src/proteus-document/ProteusDataTable.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { createColumnHelper, useReactTable, getCoreRowModel } from '@tanstack/react-table';
-import { DataTable } from '../data-table/DataTable.js';
-import { DataTableBody } from '../data-table/DataTableBody.js';
-
-const ProteusDataTable = ({
-  columns,
-  data
-}) => {
-  const tableData = data;
-  const columnHelper = createColumnHelper();
-  const columnDefs = columns.map(
-    (col) => columnHelper.accessor(col.accessorKey, {
-      header: col.header
-    })
-  );
-  const table = useReactTable({
-    columns: columnDefs,
-    data: tableData,
-    enableSorting: false,
-    getCoreRowModel: getCoreRowModel()
-  });
-  return /* @__PURE__ */ jsx(DataTable, { maxH: "md", table, children: /* @__PURE__ */ jsx(DataTableBody, {}) });
-};
-ProteusDataTable.displayName = "@optiaxiom/react/ProteusDataTable";
-
-export { ProteusDataTable };

package/dist/esm/packages/react/src/proteus-document/ProteusDocumentContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [ProteusDocumentProvider, useProteusDocumentContext] = createContext("@optiaxiom/react/ProteusDocument");
-
-export { ProteusDocumentProvider, useProteusDocumentContext };

package/dist/esm/packages/react/src/proteus-document/ProteusDocumentPathContext.js

@@ -1,8 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [ProteusDocumentPathProvider, useProteusDocumentPathContext] = createContext("@optiaxiom/react/ProteusDocumentPath", {
-  path: ""
-});
-
-export { ProteusDocumentPathProvider, useProteusDocumentPathContext };

package/dist/esm/packages/react/src/proteus-document/ProteusDocumentRenderer.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { ProteusDocumentShell } from './ProteusDocumentShell.js';
-import { ProteusElement } from './ProteusElement.js';
-import { safeParseDocument } from './schemas.js';
-
-function ProteusDocumentRenderer({
-  element: elementProp,
-  ...props
-}) {
-  const result = safeParseDocument(elementProp);
-  if (!result.success) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    ProteusDocumentShell,
-    {
-      element: {
-        ...result.data,
-        actions: /* @__PURE__ */ jsx(ProteusElement, { element: result.data.actions }),
-        body: /* @__PURE__ */ jsx(ProteusElement, { element: result.data.body }),
-        subtitle: /* @__PURE__ */ jsx(ProteusElement, { element: result.data.subtitle }),
-        title: /* @__PURE__ */ jsx(ProteusElement, { element: result.data.title })
-      },
-      ...props
-    }
-  );
-}
-ProteusDocumentRenderer.displayName = "@optiaxiom/react/ProteusDocumentRenderer";
-
-export { ProteusDocumentRenderer };

package/dist/esm/packages/react/src/proteus-document/ProteusDocumentShell.js

@@ -1,117 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { set } from 'jsonpointer';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Disclosure } from '../disclosure/Disclosure.js';
-import { DisclosureContent } from '../disclosure/DisclosureContent.js';
-import { DisclosureTrigger } from '../disclosure/DisclosureTrigger.js';
-import { Group } from '../group/Group.js';
-import { Heading } from '../heading/Heading.js';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import 'react';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import { Text } from '../text/Text.js';
-import { downloadFile } from './downloadFile.js';
-import { ProteusDocumentProvider } from './ProteusDocumentContext.js';
-
-function ProteusDocumentShell({
-  collapsible: collapsibleProp,
-  data = {},
-  defaultOpen = true,
-  element,
-  onDataChange,
-  onMessage,
-  onOpenChange,
-  onToolCall,
-  open: openProp,
-  readOnly = false
-}) {
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const collapsible = collapsibleProp && element.appName;
-  const Trigger = collapsible ? DisclosureTrigger : Box;
-  return /* @__PURE__ */ jsx(
-    ProteusDocumentProvider,
-    {
-      data,
-      onDataChange: useEffectEvent((path, value) => {
-        const next = structuredClone(data);
-        set(next, path, value);
-        onDataChange?.(next);
-      }),
-      onEvent: useEffectEvent(async (event) => {
-        if ("tool" in event) {
-          await onToolCall?.(event.tool);
-        } else if ("message" in event) {
-          await onMessage?.(event.message);
-        } else if (event.action === "download") {
-          if (typeof event.url === "string") {
-            await downloadFile(event.url);
-          } else {
-            throw new Error("Invalid URL for download action");
-          }
-        }
-      }),
-      readOnly,
-      children: /* @__PURE__ */ jsxs(
-        Disclosure,
-        {
-          bg: "bg.default",
-          border: "1",
-          borderColor: "border.tertiary",
-          onOpenChange: setOpen,
-          open,
-          p: "16",
-          rounded: "xl",
-          children: [
-            element.appName && /* @__PURE__ */ jsx(Trigger, { py: "0", ...collapsible ? { chevronPosition: "end" } : {}, children: /* @__PURE__ */ jsxs(Group, { fontSize: "sm", gap: "8", children: [
-              /* @__PURE__ */ jsx(
-                Box,
-                {
-                  asChild: true,
-                  bg: element.appIcon ? void 0 : "bg.accent.subtle",
-                  flex: "none",
-                  rounded: "xs",
-                  size: "20",
-                  children: element.appIcon ? /* @__PURE__ */ jsx("img", { src: element.appIcon }) : /* @__PURE__ */ jsx("div", {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Text, { fontWeight: "500", children: element.appName }),
-              !open && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", lineClamp: "1", children: element.title })
-            ] }) }),
-            /* @__PURE__ */ jsxs(
-              DisclosureContent,
-              {
-                alignItems: "stretch",
-                display: "flex",
-                flexDirection: "column",
-                gap: "16",
-                pb: "0",
-                pt: element.appName ? "16" : "0",
-                children: [
-                  /* @__PURE__ */ jsxs(Group, { flexDirection: "column", gap: "4", children: [
-                    /* @__PURE__ */ jsx(Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: element.title }),
-                    !!element.subtitle && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", fontSize: "sm", children: element.subtitle })
-                  ] }),
-                  element.body,
-                  !readOnly && /* @__PURE__ */ jsx(Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-ProteusDocumentShell.displayName = "@optiaxiom/react/ProteusDocumentShell";
-
-export { ProteusDocumentShell };

package/dist/esm/packages/react/src/proteus-document/ProteusElement.js

@@ -1,147 +0,0 @@
-"use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { lazy, Suspense } from 'react';
-import { Badge } from '../badge/Badge.js';
-import { Field } from '../field/Field.js';
-import '../field/FieldLabel.js';
-import { Group } from '../group/Group.js';
-import { Heading } from '../heading/Heading.js';
-import { Link } from '../link/Link.js';
-import { Range } from '../range/Range.js';
-import '../select/Select.js';
-import { SelectContent } from '../select/SelectContent.js';
-import { SelectTrigger } from '../select/SelectTrigger.js';
-import { Separator } from '../separator/Separator.js';
-import { Text } from '../text/Text.js';
-import { Time } from '../time/Time.js';
-import { ProteusAction } from './ProteusAction.js';
-import { ProteusCancelAction } from './ProteusCancelAction.js';
-import { ProteusDataTable } from './ProteusDataTable.js';
-import { useProteusDocumentContext } from './ProteusDocumentContext.js';
-import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
-import { ProteusImage } from './ProteusImage.js';
-import { ProteusInput } from './ProteusInput.js';
-import { ProteusMap } from './ProteusMap.js';
-import { ProteusSelect } from './ProteusSelect.js';
-import { ProteusShow } from './ProteusShow.js';
-import { ProteusTextarea } from './ProteusTextarea.js';
-import { ProteusValue } from './ProteusValue.js';
-import { resolveProteusValue } from './resolveProteusValue.js';
-import { safeParseElement } from './schemas.js';
-
-const ProteusChart = lazy(async () => {
-  return {
-    default: (await import('./ProteusChart.js')).ProteusChart
-  };
-});
-const ProteusElement = ({
-  element: elementProp
-}) => {
-  const { data } = useProteusDocumentContext("@optiaxiom/react/ProteusElement");
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/ProteusElement"
-  );
-  if (!elementProp) {
-    return null;
-  } else if (typeof elementProp === "string" || typeof elementProp === "number") {
-    return elementProp;
-  } else if (Array.isArray(elementProp)) {
-    return /* @__PURE__ */ jsx(Fragment, { children: elementProp.map((element2, index) => /* @__PURE__ */ jsx(ProteusElement, { element: element2 }, index)) });
-  }
-  const result = safeParseElement(elementProp);
-  if (!result.success) {
-    return null;
-  }
-  const element = result.data;
-  const resolve = (obj) => {
-    const { $type: _$type, children, ...rest } = obj;
-    const resolved = {
-      children: children ? /* @__PURE__ */ jsx(ProteusElement, { element: children }) : children
-    };
-    for (const [key, value] of Object.entries(rest)) {
-      resolved[key] = resolveProteusValue(value, data, parentPath);
-    }
-    return resolved;
-  };
-  switch (element.$type) {
-    case "Action":
-      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
-    case "Badge":
-      return /* @__PURE__ */ jsx(Badge, { ...resolve(element) });
-    case "CancelAction":
-      return /* @__PURE__ */ jsx(ProteusCancelAction, { ...resolve(element) });
-    case "Chart":
-      return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-        ProteusChart,
-        {
-          ...resolve(element)
-        }
-      ) });
-    case "DataTable":
-      return /* @__PURE__ */ jsx(
-        ProteusDataTable,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Field":
-      return /* @__PURE__ */ jsx(Field, { ...resolve(element) });
-    case "Group":
-      return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
-    case "Heading":
-      return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
-    case "Image":
-      return /* @__PURE__ */ jsx(ProteusImage, { ...resolve(element) });
-    case "Input":
-      return /* @__PURE__ */ jsx(ProteusInput, { ...resolve(element) });
-    case "Link":
-      return /* @__PURE__ */ jsx(Link, { ...resolve(element) });
-    case "Map":
-      return /* @__PURE__ */ jsx(
-        ProteusMap,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Range":
-      return /* @__PURE__ */ jsx(Range, { ...resolve(element) });
-    case "Select":
-      return /* @__PURE__ */ jsx(ProteusSelect, { ...resolve(element) });
-    case "SelectContent":
-      return /* @__PURE__ */ jsx(SelectContent, { ...resolve(element) });
-    case "SelectTrigger":
-      return /* @__PURE__ */ jsx(SelectTrigger, { ...resolve(element) });
-    case "Separator":
-      return /* @__PURE__ */ jsx(Separator, { ...resolve(element) });
-    case "Show":
-      return /* @__PURE__ */ jsx(
-        ProteusShow,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Text":
-      return /* @__PURE__ */ jsx(Text, { ...resolve(element) });
-    case "Textarea":
-      return /* @__PURE__ */ jsx(ProteusTextarea, { ...resolve(element) });
-    case "Time":
-      return /* @__PURE__ */ jsx(
-        Time,
-        {
-          ...resolve(element)
-        }
-      );
-    case "Value":
-      return /* @__PURE__ */ jsx(
-        ProteusValue,
-        {
-          ...element
-        }
-      );
-    default:
-      return null;
-  }
-};
-ProteusElement.displayName = "@optiaxiom/react/ProteusElement";
-
-export { ProteusElement };

package/dist/esm/packages/react/src/proteus-document/ProteusImage.js

@@ -1,104 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Dialog } from '../dialog/Dialog.js';
-import { DialogBody } from '../dialog/DialogBody.js';
-import { DialogClose } from '../dialog/DialogClose.js';
-import { DialogContent } from '../dialog/DialogContent.js';
-import { DialogFooter } from '../dialog/DialogFooter.js';
-import '../dialog/DialogForm.js';
-import { DialogHeader } from '../dialog/DialogHeader.js';
-import { DialogTrigger } from '../dialog/DialogTrigger.js';
-import { Spinner } from '../spinner/Spinner.js';
-import { downloadFile } from './downloadFile.js';
-
-function ProteusImage(props) {
-  const [open, setOpen] = useState(false);
-  const [isDownloading, setIsDownloading] = useState(false);
-  const [isLoaded, setIsLoaded] = useState(false);
-  const imgRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !isLoaded && /* @__PURE__ */ jsx(
-      Box,
-      {
-        alignItems: "center",
-        bg: "bg.tertiary",
-        display: "flex",
-        justifyContent: "center",
-        p: "24",
-        rounded: "md",
-        style: { aspectRatio: "16 / 9" },
-        w: "full",
-        ...props,
-        children: /* @__PURE__ */ jsx(Spinner, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs(Dialog, { onOpenChange: setOpen, open, children: [
-      /* @__PURE__ */ jsx(DialogTrigger, { "aria-label": "Expand", asChild: true, children: /* @__PURE__ */ jsx(Box, { asChild: true, display: isLoaded ? "block" : "none", ...props, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: props.src,
-          onClick: (event) => {
-            event.preventDefault();
-            setOpen(true);
-          },
-          type: "",
-          children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              asChild: true,
-              objectFit: "cover",
-              overflow: "hidden",
-              rounded: "inherit",
-              children: /* @__PURE__ */ jsx(
-                "img",
-                {
-                  alt: props.alt,
-                  onLoad: () => setIsLoaded(true),
-                  ref: imgRef,
-                  src: props.src
-                }
-              )
-            }
-          )
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxs(DialogContent, { size: "lg", children: [
-        /* @__PURE__ */ jsx(DialogHeader, { lineClamp: "1", children: props.alt }),
-        /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "block", objectFit: "cover", children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) }) }),
-        /* @__PURE__ */ jsxs(DialogFooter, { children: [
-          /* @__PURE__ */ jsx(DialogClose, { children: "Close" }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "primary",
-              asChild: true,
-              loading: isDownloading,
-              onClick: async (event) => {
-                event.preventDefault();
-                if (isDownloading) {
-                  return;
-                }
-                setIsDownloading(true);
-                try {
-                  await downloadFile(String(props.src));
-                } finally {
-                  setIsDownloading(false);
-                }
-              },
-              children: /* @__PURE__ */ jsx("a", { download: true, href: props.src, children: "Download" })
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-ProteusImage.displayName = "@optiaxiom/react/ProteusImage";
-
-export { ProteusImage };

package/dist/esm/packages/react/src/proteus-document/ProteusInput.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { Input } from '../input/Input.js';
-import '../input/InputAddon.js';
-import '../input/InputControl.js';
-import '../input/InputRoot.js';
-import { useProteusDocumentContext } from './ProteusDocumentContext.js';
-import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
-import { useProteusValue } from './useProteusValue.js';
-
-function ProteusInput(props) {
-  const { onDataChange, readOnly } = useProteusDocumentContext(
-    "@optiaxiom/react/ProteusInput"
-  );
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/ProteusInput"
-  );
-  const value = useProteusValue({ path: props.name ?? "" });
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ...props,
-      onValueChange: (value2) => {
-        if (props.name) {
-          onDataChange?.(`${parentPath}/${props.name}`, value2);
-        }
-      },
-      readOnly,
-      value: props.name ? String(value ?? "") : ""
-    }
-  );
-}
-ProteusInput.displayName = "@optiaxiom/react/ProteusInput";
-
-export { ProteusInput };

package/dist/esm/packages/react/src/proteus-document/ProteusMap.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useProteusDocumentPathContext, ProteusDocumentPathProvider } from './ProteusDocumentPathContext.js';
-import { useProteusValue } from './useProteusValue.js';
-
-function ProteusMap({
-  children,
-  path
-}) {
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/ProteusMap"
-  );
-  const array = useProteusValue({ path });
-  if (!Array.isArray(array)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: array.map((_, index) => /* @__PURE__ */ jsx(
-    ProteusDocumentPathProvider,
-    {
-      path: `${path.startsWith("/") ? path : `${parentPath}/${path}`}/${index}`,
-      children
-    },
-    index
-  )) });
-}
-ProteusMap.displayName = "@optiaxiom/react/ProteusMap";
-
-export { ProteusMap };