@strapi-community/plugin-better-auth-dashboard 1.0.0-alpha.8 → 1.0.0-beta.1

package/dist/admin/useModelSchema-B2tmzlwQ.mjs

@@ -0,0 +1,733 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Modal, Typography, Button, Portal, Flex, IconButton, Box, Field, TextInput, Combobox, ComboboxOption, Checkbox, SingleSelect, SingleSelectOption, NumberInput, JSONInput, Textarea } from "@strapi/design-system";
+import { Cross, Images, Trash } from "@strapi/icons";
+import { useEffect, useState, useRef } from "react";
+import styled, { keyframes } from "styled-components";
+import { f as getMediaLibraryComponent, i as getEditViewSidePanels } from "./index-D9CiI8Yr.mjs";
+import { useFetchClient } from "@strapi/strapi/admin";
+import { useQuery } from "react-query";
+function ConfirmDialog({
+  title,
+  message,
+  confirmLabel = "Confirm",
+  variant = "danger",
+  loading = false,
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsx(
+    Modal.Root,
+    {
+      defaultOpen: true,
+      onOpenChange: (open) => !open && onCancel(),
+      children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
+        /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: title }) }),
+        /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: message }) }),
+        /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: loading, children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { variant, loading, onClick: onConfirm, children: confirmLabel })
+        ] })
+      ] })
+    }
+  );
+}
+const DASH_CONTEXT_HEADER = "X-Dash-Context";
+const withContext = (ctx, headers) => ({
+  headers: {
+    ...headers,
+    [DASH_CONTEXT_HEADER]: btoa(JSON.stringify(ctx))
+  }
+});
+const slideIn = keyframes`
+  from { transform: translateX(100%); opacity: 0.6; }
+  to   { transform: translateX(0);    opacity: 1; }
+`;
+const fadeIn = keyframes`
+  from { opacity: 0; }
+  to   { opacity: 1; }
+`;
+const Overlay = styled.div`
+  position: absolute;
+  inset: 0;
+  background: rgba(33, 33, 52, 0.4);
+  animation: ${fadeIn} 180ms ease;
+`;
+const Panel = styled.div`
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: min(760px, 95vw);
+  display: flex;
+  flex-direction: column;
+  background: white;
+  box-shadow: -8px 0 40px rgba(33, 33, 52, 0.18);
+  animation: ${slideIn} 220ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+`;
+function Drawer({
+  title,
+  children,
+  footer,
+  onClose,
+  "data-testid": testId
+}) {
+  useEffect(() => {
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, []);
+  useEffect(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 200 }, children: [
+    /* @__PURE__ */ jsx(Overlay, { onClick: onClose, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs(Panel, { "data-testid": testId, children: [
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          justifyContent: "space-between",
+          alignItems: "center",
+          paddingTop: 5,
+          paddingBottom: 5,
+          paddingLeft: 6,
+          paddingRight: 6,
+          borderColor: "neutral150",
+          borderStyle: "solid",
+          borderWidth: "0 0 1px 0",
+          style: { flexShrink: 0 },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: title }),
+            /* @__PURE__ */ jsx(IconButton, { label: "Close panel", onClick: onClose, children: /* @__PURE__ */ jsx(Cross, {}) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          paddingTop: 6,
+          paddingBottom: 6,
+          paddingLeft: 6,
+          paddingRight: 6,
+          style: { flex: 1, overflowY: "auto" },
+          children
+        }
+      ),
+      footer && /* @__PURE__ */ jsx(
+        Flex,
+        {
+          justifyContent: "flex-end",
+          gap: 2,
+          paddingTop: 4,
+          paddingBottom: 4,
+          paddingLeft: 6,
+          paddingRight: 6,
+          borderColor: "neutral150",
+          borderStyle: "solid",
+          borderWidth: "1px 0 0 0",
+          style: { flexShrink: 0 },
+          children: footer
+        }
+      )
+    ] })
+  ] }) });
+}
+const FormSection = styled.div`
+  width: 100%;
+  background: #f6f6f9;
+  border-radius: 8px;
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+`;
+const EditLayout = styled.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 256px;
+  gap: 28px;
+  align-items: start;
+  padding-top: 24px;
+`;
+const EditSidebar = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  position: sticky;
+  top: 0;
+`;
+const SectionLabel = styled.p`
+  font-size: 11px;
+  font-weight: 700;
+  color: #8e8ea9;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin: 0 0 4px;
+`;
+styled.div`
+  background: #f6f6f9;
+  border-radius: 8px;
+  padding: 16px;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+`;
+const MetaItem = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+const MetaKey = styled.span`
+  font-size: 11px;
+  font-weight: 600;
+  color: #8e8ea9;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+`;
+const MetaVal = styled.span`
+  font-size: 13px;
+  color: #32324d;
+`;
+const MonoChip = styled.code`
+  display: inline;
+  font-size: 11px;
+  color: #4945ff;
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+  word-break: break-all;
+  background: #f0f0ff;
+  padding: 2px 6px;
+  border-radius: 3px;
+`;
+const ProviderBadge = styled.span`
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  background: #f0f0ff;
+  border: 1px solid #d9d8ff;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #4945ff;
+  text-transform: capitalize;
+`;
+const WarnCard = styled.div`
+  background: #fcecea;
+  border: 1px solid #f5c0b8;
+  border-radius: 8px;
+  padding: 14px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+styled.div`
+  background: #eafbe7;
+  border: 1px solid #c6efbd;
+  border-radius: 8px;
+  padding: 14px 16px;
+`;
+const PreviewPill = styled.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  background: #fff3d3;
+  border: 1px solid #f5d97f;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #8e6a00;
+  width: fit-content;
+`;
+const AccountRow = styled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 14px;
+  background: white;
+  border: 1px solid #dcdce4;
+  border-radius: 8px;
+  gap: 12px;
+`;
+const DangerRow = styled(AccountRow)`
+  background: #fef8f8;
+  border-color: #f5c0b8;
+`;
+const RoleBadge = styled.span`
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: capitalize;
+  background: ${(p) => p.$role === "owner" ? "#f0f0ff" : p.$role === "admin" ? "#eafbe7" : "#f5f5f9"};
+  border: 1px solid
+    ${(p) => p.$role === "owner" ? "#d9d8ff" : p.$role === "admin" ? "#c6efbd" : "#dcdce4"};
+  color: ${(p) => p.$role === "owner" ? "#4945ff" : p.$role === "admin" ? "#2e8044" : "#666687"};
+`;
+function MediaPickerField({
+  label,
+  value,
+  onChange,
+  hint,
+  placeholder,
+  name,
+  required
+}) {
+  const [showMedia, setShowMedia] = useState(false);
+  const MediaLibraryDialog = getMediaLibraryComponent();
+  const handleSelect = (assets) => {
+    const asset = assets[0];
+    if (!asset) return;
+    const url = asset.formats?.small?.url ?? asset.formats?.thumbnail?.url ?? asset.url;
+    onChange(url);
+    setShowMedia(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Field.Root, { style: { width: "100%" }, hint, required, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            name,
+            type: "url",
+            value,
+            onChange: (e) => onChange(e.target.value),
+            placeholder,
+            style: { width: "100%" }
+          }
+        ) }),
+        MediaLibraryDialog && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "S",
+            startIcon: /* @__PURE__ */ jsx(Images, {}),
+            onClick: () => setShowMedia(true),
+            style: { flexShrink: 0 },
+            children: "Browse"
+          }
+        )
+      ] }),
+      hint && /* @__PURE__ */ jsx(Field.Hint, {})
+    ] }),
+    showMedia && MediaLibraryDialog && /* @__PURE__ */ jsx(
+      MediaLibraryDialog,
+      {
+        allowedTypes: ["images"],
+        multiple: false,
+        onClose: () => setShowMedia(false),
+        onSelectAssets: handleSelect
+      }
+    )
+  ] });
+}
+const EntryRow = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 12px;
+  width: 100%;
+  box-sizing: border-box;
+  background: #ffffff;
+  border: 1px solid ${({ theme }) => theme.colors?.neutral200 ?? "#dcdce4"};
+  border-radius: 4px;
+  min-width: 0;
+`;
+function getDisplayLabel(doc) {
+  for (const key of ["name", "title", "email", "username", "label", "slug"]) {
+    const v = doc[key];
+    if (typeof v === "string" && v.trim()) return v;
+  }
+  return String(doc.documentId ?? doc.id ?? "");
+}
+function normalizeValue(val, cache) {
+  if (!val) return [];
+  if (typeof val === "object" && !Array.isArray(val) && val !== null && "set" in val) {
+    const items2 = val.set ?? [];
+    return items2.filter((item) => item?.documentId).map((item) => ({
+      documentId: item.documentId,
+      label: cache.get(item.documentId) ?? item.documentId
+    }));
+  }
+  const items = Array.isArray(val) ? val : [val];
+  return items.filter(
+    (item) => typeof item === "object" && item !== null && "documentId" in item
+  ).map((item) => ({
+    documentId: String(item.documentId),
+    label: getDisplayLabel(item)
+  }));
+}
+function RelationField({
+  name,
+  label,
+  attribute,
+  value,
+  onChange,
+  readOnly = false
+}) {
+  const { get } = useFetchClient();
+  const cache = useRef(/* @__PURE__ */ new Map());
+  const [search, setSearch] = useState("");
+  const [addKey, setAddKey] = useState(0);
+  const target = attribute.target ?? "";
+  const relationType = attribute.relation ?? "manyToOne";
+  const isMulti = relationType === "oneToMany" || relationType === "manyToMany";
+  const currentDocs = normalizeValue(value, cache.current);
+  const selectedIds = new Set(currentDocs.map((d) => d.documentId));
+  const { data: searchResults = [], isLoading } = useQuery({
+    queryKey: ["relation-search", target, search],
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        uid: target,
+        "pagination[pageSize]": "50"
+      });
+      if (search) params.set("filters[name][$containsi]", search);
+      const { data } = await get(
+        `/better-auth-dashboard/db?${params}`
+      );
+      const docs = data.results ?? [];
+      for (const doc of docs) {
+        if (doc.documentId) {
+          cache.current.set(String(doc.documentId), getDisplayLabel(doc));
+        }
+      }
+      return docs.map((doc) => ({
+        documentId: String(doc.documentId ?? ""),
+        label: getDisplayLabel(doc)
+      })).filter((d) => d.documentId);
+    },
+    keepPreviousData: true,
+    enabled: !readOnly
+  });
+  const availableOptions = searchResults.filter(
+    (r) => !selectedIds.has(r.documentId)
+  );
+  const commit = (ids) => {
+    onChange(name, { set: ids.map((id) => ({ documentId: id })) });
+  };
+  const handleSelect = (val) => {
+    if (!val) return;
+    const opt = searchResults.find((r) => r.documentId === val);
+    if (opt) cache.current.set(val, opt.label);
+    if (isMulti) {
+      if (selectedIds.has(val)) return;
+      commit([...currentDocs.map((d) => d.documentId), val]);
+    } else {
+      commit([val]);
+    }
+    setSearch("");
+    setAddKey((k) => k + 1);
+  };
+  const handleRemove = (docId) => {
+    commit(
+      currentDocs.filter((d) => d.documentId !== docId).map((d) => d.documentId)
+    );
+  };
+  return /* @__PURE__ */ jsxs(Field.Root, { style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(Field.Label, { children: label }),
+    !readOnly && /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        value: "",
+        onChange: (val) => handleSelect(val),
+        onInputChange: (e) => setSearch(e.target.value),
+        loading: isLoading,
+        placeholder: "Search…",
+        children: availableOptions.map((opt) => /* @__PURE__ */ jsx(ComboboxOption, { value: opt.documentId, children: opt.label }, opt.documentId))
+      },
+      addKey
+    ),
+    currentDocs.length > 0 && /* @__PURE__ */ jsx(
+      Flex,
+      {
+        direction: "column",
+        gap: 1,
+        style: { marginTop: 8, width: "100%" },
+        children: currentDocs.map((doc) => /* @__PURE__ */ jsxs(EntryRow, { children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "omega",
+              textColor: "neutral800",
+              style: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                flex: 1,
+                minWidth: 0
+              },
+              children: doc.label
+            }
+          ),
+          !readOnly && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              label: "Remove",
+              size: "S",
+              onClick: () => handleRemove(doc.documentId),
+              children: /* @__PURE__ */ jsx(Trash, {})
+            }
+          )
+        ] }, doc.documentId))
+      }
+    )
+  ] });
+}
+function makeLabel(name) {
+  return name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+}
+const fieldStyle = { width: "100%" };
+function DynamicField({
+  field,
+  value,
+  onChange,
+  readOnly = false
+}) {
+  const { name, attribute } = field;
+  const { type, required, enum: enumValues } = attribute;
+  const label = makeLabel(name);
+  if (type === "boolean") {
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: Boolean(value),
+          onCheckedChange: (checked) => onChange(name, checked),
+          disabled: readOnly,
+          children: label
+        }
+      )
+    ] });
+  }
+  if (type === "enumeration" && Array.isArray(enumValues)) {
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        SingleSelect,
+        {
+          value: value != null ? String(value) : "",
+          onChange: (v) => onChange(name, String(v)),
+          disabled: readOnly,
+          required,
+          placeholder: "—",
+          children: enumValues.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt, children: opt }, opt))
+        }
+      )
+    ] });
+  }
+  if (type === "integer" || type === "biginteger" || type === "float" || type === "decimal") {
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          value: value != null ? Number(value) : void 0,
+          onValueChange: (v) => onChange(name, v),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "json") {
+    const jsonStr = value == null ? "" : typeof value === "string" ? value : JSON.stringify(value, null, 2);
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        JSONInput,
+        {
+          value: jsonStr,
+          onChange: (v) => {
+            try {
+              onChange(name, JSON.parse(v));
+            } catch {
+              onChange(name, v);
+            }
+          },
+          disabled: readOnly
+        }
+      )
+    ] });
+  }
+  if (type === "date") {
+    const dateStr = value instanceof Date ? value.toISOString().slice(0, 10) : typeof value === "string" ? value.slice(0, 10) : "";
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          type: "date",
+          value: dateStr,
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "datetime" || type === "timestamp") {
+    const dtStr = value instanceof Date ? value.toISOString().slice(0, 16) : typeof value === "string" ? value.slice(0, 16) : "";
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          type: "datetime-local",
+          value: dtStr,
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly,
+          required
+        }
+      )
+    ] });
+  }
+  if (type === "text" || type === "richtext") {
+    return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: label }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: value != null ? String(value) : "",
+          onChange: (e) => onChange(name, e.target.value),
+          disabled: readOnly
+        }
+      )
+    ] });
+  }
+  if (type === "relation") {
+    return /* @__PURE__ */ jsx(
+      RelationField,
+      {
+        name,
+        label,
+        attribute,
+        value,
+        onChange,
+        readOnly
+      }
+    );
+  }
+  const inputType = type === "email" ? "email" : type === "password" ? "password" : type === "time" ? "time" : "text";
+  return /* @__PURE__ */ jsxs(Field.Root, { style: fieldStyle, children: [
+    /* @__PURE__ */ jsx(Field.Label, { children: label }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        type: inputType,
+        value: value != null ? String(value) : "",
+        onChange: (e) => onChange(name, e.target.value),
+        disabled: readOnly,
+        required
+      }
+    )
+  ] });
+}
+const SKIP_TYPES = /* @__PURE__ */ new Set(["media", "dynamiczone", "blocks", "component"]);
+function CustomFieldsSection({
+  fields,
+  data,
+  onChange
+}) {
+  const renderable = fields.filter((f) => !SKIP_TYPES.has(f.attribute.type));
+  if (renderable.length === 0) return null;
+  return /* @__PURE__ */ jsxs(FormSection, { children: [
+    /* @__PURE__ */ jsx(SectionLabel, { children: "Custom fields" }),
+    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 4, alignItems: "stretch", children: renderable.map((field) => /* @__PURE__ */ jsx(
+      DynamicField,
+      {
+        field,
+        value: data[field.name],
+        onChange
+      },
+      field.name
+    )) })
+  ] });
+}
+function EditViewSidePanels({ model, documentId, document: document2 }) {
+  const panels = getEditViewSidePanels(model);
+  if (panels.length === 0) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: panels.map(({ id, title, Component }) => /* @__PURE__ */ jsxs(FormSection, { children: [
+    /* @__PURE__ */ jsx(SectionLabel, { children: title }),
+    /* @__PURE__ */ jsx(
+      Component,
+      {
+        model,
+        documentId,
+        document: document2
+      }
+    )
+  ] }, id)) });
+}
+const SYSTEM_FIELDS = /* @__PURE__ */ new Set([
+  "id",
+  "documentId",
+  "createdAt",
+  "updatedAt",
+  "publishedAt",
+  "createdBy",
+  "updatedBy",
+  "locale",
+  "localizations"
+]);
+const MODEL_UID = {
+  user: "plugin::better-auth.user",
+  organization: "plugin::better-auth.organization"
+};
+function useModelSchema(model) {
+  const { get } = useFetchClient();
+  return useQuery({
+    queryKey: ["ba-model-schema", model],
+    queryFn: async () => {
+      const { data } = await get(
+        "/content-manager/content-types"
+      );
+      const uid = MODEL_UID[model];
+      const contentType = data.data.find((ct) => ct.uid === uid);
+      if (!contentType) throw new Error(`Content type ${uid} not found`);
+      const attributes = {};
+      for (const [name, attr] of Object.entries(contentType.attributes)) {
+        if (SYSTEM_FIELDS.has(name)) continue;
+        if (attr.type === "relation" && typeof attr.target === "string" && (attr.target.startsWith("plugin::users-permissions") || attr.target.startsWith("admin::")))
+          continue;
+        const baOptions = attr.pluginOptions?.["better-auth"];
+        if (baOptions?.managed === true) continue;
+        attributes[name] = attr;
+      }
+      return attributes;
+    },
+    staleTime: 10 * 60 * 1e3,
+    retry: false
+  });
+}
+export {
+  AccountRow as A,
+  CustomFieldsSection as C,
+  Drawer as D,
+  EditLayout as E,
+  FormSection as F,
+  MediaPickerField as M,
+  ProviderBadge as P,
+  RoleBadge as R,
+  SectionLabel as S,
+  WarnCard as W,
+  EditSidebar as a,
+  MetaItem as b,
+  MetaKey as c,
+  MonoChip as d,
+  MetaVal as e,
+  EditViewSidePanels as f,
+  DangerRow as g,
+  PreviewPill as h,
+  ConfirmDialog as i,
+  useModelSchema as u,
+  withContext as w
+};