@powerhousedao/powerhouse-vetra-packages 6.2.0-dev.3 → 6.2.0-dev.4

package/dist/browser/editors/document-model-editor/module.js

@@ -6,7 +6,7 @@ const DocumentModelEditor = {
 		name: "Document Model Editor"
 	},
 	documentTypes: ["powerhouse/document-model"],
-	Component: lazy(() => import("../../editor-CoTq6fqT.js"))
+	Component: lazy(() => import("../../editor-CJFM1rC9.js"))
 };
 //#endregion
 export { DocumentModelEditor };

package/dist/browser/editors/generic-drive-explorer/index.js

@@ -1,9 +1,9 @@
 import { E as __commonJSMin, O as __require } from "../../dist-CXoKspdx.js";
-import "../../document-drive-oqv68jDU.js";
+import "../../document-drive-CDaY4aIj.js";
 import { GenericDriveExplorer } from "./module.js";
-import { g as Icon, n as ConnectSearchBar } from "../../connect-ZnLjvmRt.js";
-import "../../dist-C1nRM9t2.js";
-import { i as CreateDocument, n as DriveLayout, r as FileContentView, t as FolderView } from "../../folder-view-DmYBf2pP.js";
+import { g as Icon, n as ConnectSearchBar } from "../../connect-DPNyOTBV.js";
+import "../../dist-Bha1Om6O.js";
+import { i as CreateDocument, n as DriveLayout, r as FileContentView, t as FolderView } from "../../folder-view-DAhpWssS.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/react-i18next@16.5.4_i18next@25.8.13_typescript@5.9.3__react-dom@19.2.6_react@19.2.6__react@19.2.6_typescript@5.9.3/node_modules/react-i18next/dist/es/utils.js

package/dist/browser/editors/generic-drive-explorer/module.js

@@ -1,7 +1,7 @@
 import { lazy } from "react";
 //#region editors/generic-drive-explorer/module.ts
 const GenericDriveExplorer = {
-	Component: lazy(() => import("../../editor-DC3bigBu.js")),
+	Component: lazy(() => import("../../editor-BtOSWTjb.js")),
 	config: {
 		id: "GenericDriveExplorer",
 		name: "Drive Explorer App"

package/dist/browser/{folder-view-DmYBf2pP.js → folder-view-DAhpWssS.js}

@@ -1,6 +1,6 @@
-import { a as FolderItem, h as useWindowSize, i as FileItem, m as PowerhouseButton, o as useVirtualizer } from "./connect-ZnLjvmRt.js";
+import { a as FolderItem, h as useWindowSize, i as FileItem, m as PowerhouseButton, o as useVirtualizer } from "./connect-DPNyOTBV.js";
 import { C as twMerge } from "./dist-D8H48e8N.js";
-import { O as useUserPermissions, i as isFolderNodeKind, r as isFileNodeKind, s as showCreateDocumentModal, u as useDocumentModelModules, v as useNodesInSelectedDriveOrFolder } from "./dist-C1nRM9t2.js";
+import { O as useUserPermissions, i as isFolderNodeKind, r as isFileNodeKind, s as showCreateDocumentModal, u as useDocumentModelModules, v as useNodesInSelectedDriveOrFolder } from "./dist-Bha1Om6O.js";
 import React, { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region editors/generic-drive-explorer/components/create-document.tsx
@@ -190,4 +190,4 @@ function FolderView(props) {
 //#endregion
 export { CreateDocument as i, DriveLayout as n, FileContentView as r, FolderView as t };
 
-//# sourceMappingURL=folder-view-DmYBf2pP.js.map
+//# sourceMappingURL=folder-view-DAhpWssS.js.map

package/dist/browser/{folder-view-DmYBf2pP.js.map → folder-view-DAhpWssS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"folder-view-DmYBf2pP.js","names":[],"sources":["../../editors/generic-drive-explorer/components/create-document.tsx","../../editors/generic-drive-explorer/components/file-content-view.tsx","../../editors/generic-drive-explorer/components/layout.tsx","../../editors/generic-drive-explorer/components/folder-view.tsx"],"sourcesContent":["import { PowerhouseButton } from \"@powerhousedao/design-system\";\nimport {\n  showCreateDocumentModal,\n  useDocumentModelModules,\n  useUserPermissions,\n} from \"@powerhousedao/reactor-browser\";\nimport type {\n  DocumentModelGlobalState,\n  DocumentModelModule,\n} from \"@powerhousedao/shared/document-model\";\n\nfunction getDocumentSpec(doc: DocumentModelModule): DocumentModelGlobalState {\n  return doc.documentModel.global;\n}\n\nexport function CreateDocument() {\n  const { isAllowedToCreateDocuments } = useUserPermissions();\n  const documentModelModules = useDocumentModelModules();\n  const nonDriveDocumentModelModules = documentModelModules?.filter(\n    (module) => module.documentModel.global.id !== \"powerhouse/document-drive\",\n  );\n  if (!isAllowedToCreateDocuments) return null;\n  return (\n    <div className=\"px-6 py-4\">\n      <h3 className=\"mb-3 text-xl font-bold text-gray-700 dark:text-slate-200\">\n        New document\n      </h3>\n      <div className=\"flex w-full flex-wrap gap-4\">\n        {nonDriveDocumentModelModules?.map((doc) => {\n          const spec = getDocumentSpec(doc);\n          const versionLabel = doc.version ? ` v${doc.version}` : \"\";\n          return (\n            <PowerhouseButton\n              key={`${spec.id}-v${doc.version ?? 1}`}\n              color=\"light\"\n              title={`${spec.name}${versionLabel}`}\n              aria-description={spec.description}\n              onClick={() => showCreateDocumentModal(spec.id)}\n            >\n              <span className=\"text-sm\">\n                {spec.name}\n                {versionLabel}\n              </span>\n            </PowerhouseButton>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useWindowSize } from \"@powerhousedao/design-system\";\nimport { FileItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFileNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { FileNode } from \"@powerhousedao/shared/document-drive\";\nimport React, { useRef } from \"react\";\n\nconst GAP = 8;\nconst ITEM_WIDTH = 256;\nconst ITEM_HEIGHT = 48;\n\nconst USED_SPACE = 420;\n\nexport function FileContentView() {\n  const parentRef = useRef(null);\n  const windowSize = useWindowSize();\n  const availableWidth = windowSize.innerWidth - USED_SPACE;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const fileNodes = nodes.filter((n) => isFileNodeKind(n));\n  const columnCount = Math.floor(availableWidth / (ITEM_WIDTH + GAP)) || 1;\n  const rowCount = Math.ceil(fileNodes.length / columnCount);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rowCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_HEIGHT + GAP;\n      }\n      return ITEM_HEIGHT;\n    },\n    overscan: 5,\n  });\n\n  const columnVirtualizer = useVirtualizer({\n    horizontal: true,\n    count: columnCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_WIDTH + GAP;\n      }\n      return ITEM_WIDTH;\n    },\n    overscan: 5,\n  });\n\n  const getItemIndex = (rowIndex: number, columnIndex: number) =>\n    rowIndex * columnCount + columnIndex;\n\n  const getItem = (rowIndex: number, columnIndex: number): FileNode | null => {\n    const index = getItemIndex(rowIndex, columnIndex);\n    return fileNodes[index] || null;\n  };\n\n  if (fileNodes.length === 0) {\n    return (\n      <div className=\"mb-8 text-sm text-gray-400 dark:text-slate-200\">\n        No documents or files 📄\n      </div>\n    );\n  }\n\n  const renderItem = (rowIndex: number, columnIndex: number) => {\n    const fileNode = getItem(rowIndex, columnIndex);\n\n    if (!fileNode) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          marginLeft: columnIndex === 0 ? 0 : GAP,\n        }}\n      >\n        <FileItem key={fileNode.id} fileNode={fileNode} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      style={{\n        width: `100%`,\n        overflow: \"auto\",\n      }}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: `${columnVirtualizer.getTotalSize()}px`,\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => (\n          <React.Fragment key={virtualRow.key}>\n            {columnVirtualizer.getVirtualItems().map((virtualColumn) => (\n              <div\n                key={virtualColumn.key}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  marginTop: virtualRow.index === 0 ? 0 : GAP,\n                  width: `${virtualColumn.size}px`,\n                  height: `${ITEM_HEIGHT}px`,\n                  overflow: \"hidden\",\n                  transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,\n                }}\n              >\n                {renderItem(virtualRow.index, virtualColumn.index)}\n              </div>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { twMerge } from \"tailwind-merge\";\nimport type { BaseProps } from \"../utils/types.js\";\n\nexport function DriveLayout({ children, className, ...props }: BaseProps) {\n  return (\n    <DriveLayout.Container className={className} {...props}>\n      {children}\n    </DriveLayout.Container>\n  );\n}\n\nDriveLayout.Container = function DriveLayoutContainer({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex grow flex-col overflow-auto\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Header = function DriveLayoutHeader({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex-0\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Content = function DriveLayoutContent({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"mb-5 flex-1 px-4\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.ContentSection = function DriveLayoutContentSection({\n  title,\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps & { title?: string }) {\n  return (\n    <div className={twMerge(className)} {...containerProps} {...props}>\n      {title && (\n        <div className=\"mb-4 text-base font-semibold text-gray-700 dark:text-slate-200\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">{children}</div>\n    </div>\n  );\n};\n\nDriveLayout.Footer = function DriveLayoutFooter({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex-0\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n","import { FolderItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFolderNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FileContentView } from \"./file-content-view.js\";\nimport { DriveLayout } from \"./layout.js\";\n\nexport function FolderView(props: { className?: string }) {\n  const { className } = props;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const folderNodes = nodes.filter((n) => isFolderNodeKind(n));\n  return (\n    <div\n      className={twMerge(\n        \"rounded-md border-2 border-transparent p-2\",\n        className,\n      )}\n    >\n      <DriveLayout.ContentSection title=\"Folders\" className=\"mb-4\">\n        {folderNodes.length > 0 ? (\n          folderNodes.map((folderNode) => (\n            <FolderItem key={folderNode.id} folderNode={folderNode} />\n          ))\n        ) : (\n          <div className=\"mb-8 text-sm text-gray-400 dark:text-slate-200\">\n            No documents or files 📄\n          </div>\n        )}\n      </DriveLayout.ContentSection>\n      <DriveLayout.ContentSection title=\"Documents and files\">\n        <div className=\"w-full\">\n          <FileContentView />\n        </div>\n      </DriveLayout.ContentSection>\n    </div>\n  );\n}\n\nexport default FolderView;\n"],"mappings":"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"}
+{"version":3,"file":"folder-view-DAhpWssS.js","names":[],"sources":["../../editors/generic-drive-explorer/components/create-document.tsx","../../editors/generic-drive-explorer/components/file-content-view.tsx","../../editors/generic-drive-explorer/components/layout.tsx","../../editors/generic-drive-explorer/components/folder-view.tsx"],"sourcesContent":["import { PowerhouseButton } from \"@powerhousedao/design-system\";\nimport {\n  showCreateDocumentModal,\n  useDocumentModelModules,\n  useUserPermissions,\n} from \"@powerhousedao/reactor-browser\";\nimport type {\n  DocumentModelGlobalState,\n  DocumentModelModule,\n} from \"@powerhousedao/shared/document-model\";\n\nfunction getDocumentSpec(doc: DocumentModelModule): DocumentModelGlobalState {\n  return doc.documentModel.global;\n}\n\nexport function CreateDocument() {\n  const { isAllowedToCreateDocuments } = useUserPermissions();\n  const documentModelModules = useDocumentModelModules();\n  const nonDriveDocumentModelModules = documentModelModules?.filter(\n    (module) => module.documentModel.global.id !== \"powerhouse/document-drive\",\n  );\n  if (!isAllowedToCreateDocuments) return null;\n  return (\n    <div className=\"px-6 py-4\">\n      <h3 className=\"mb-3 text-xl font-bold text-gray-700 dark:text-slate-200\">\n        New document\n      </h3>\n      <div className=\"flex w-full flex-wrap gap-4\">\n        {nonDriveDocumentModelModules?.map((doc) => {\n          const spec = getDocumentSpec(doc);\n          const versionLabel = doc.version ? ` v${doc.version}` : \"\";\n          return (\n            <PowerhouseButton\n              key={`${spec.id}-v${doc.version ?? 1}`}\n              color=\"light\"\n              title={`${spec.name}${versionLabel}`}\n              aria-description={spec.description}\n              onClick={() => showCreateDocumentModal(spec.id)}\n            >\n              <span className=\"text-sm\">\n                {spec.name}\n                {versionLabel}\n              </span>\n            </PowerhouseButton>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useWindowSize } from \"@powerhousedao/design-system\";\nimport { FileItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFileNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { FileNode } from \"@powerhousedao/shared/document-drive\";\nimport React, { useRef } from \"react\";\n\nconst GAP = 8;\nconst ITEM_WIDTH = 256;\nconst ITEM_HEIGHT = 48;\n\nconst USED_SPACE = 420;\n\nexport function FileContentView() {\n  const parentRef = useRef(null);\n  const windowSize = useWindowSize();\n  const availableWidth = windowSize.innerWidth - USED_SPACE;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const fileNodes = nodes.filter((n) => isFileNodeKind(n));\n  const columnCount = Math.floor(availableWidth / (ITEM_WIDTH + GAP)) || 1;\n  const rowCount = Math.ceil(fileNodes.length / columnCount);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rowCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_HEIGHT + GAP;\n      }\n      return ITEM_HEIGHT;\n    },\n    overscan: 5,\n  });\n\n  const columnVirtualizer = useVirtualizer({\n    horizontal: true,\n    count: columnCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_WIDTH + GAP;\n      }\n      return ITEM_WIDTH;\n    },\n    overscan: 5,\n  });\n\n  const getItemIndex = (rowIndex: number, columnIndex: number) =>\n    rowIndex * columnCount + columnIndex;\n\n  const getItem = (rowIndex: number, columnIndex: number): FileNode | null => {\n    const index = getItemIndex(rowIndex, columnIndex);\n    return fileNodes[index] || null;\n  };\n\n  if (fileNodes.length === 0) {\n    return (\n      <div className=\"mb-8 text-sm text-gray-400 dark:text-slate-200\">\n        No documents or files 📄\n      </div>\n    );\n  }\n\n  const renderItem = (rowIndex: number, columnIndex: number) => {\n    const fileNode = getItem(rowIndex, columnIndex);\n\n    if (!fileNode) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          marginLeft: columnIndex === 0 ? 0 : GAP,\n        }}\n      >\n        <FileItem key={fileNode.id} fileNode={fileNode} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      style={{\n        width: `100%`,\n        overflow: \"auto\",\n      }}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: `${columnVirtualizer.getTotalSize()}px`,\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => (\n          <React.Fragment key={virtualRow.key}>\n            {columnVirtualizer.getVirtualItems().map((virtualColumn) => (\n              <div\n                key={virtualColumn.key}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  marginTop: virtualRow.index === 0 ? 0 : GAP,\n                  width: `${virtualColumn.size}px`,\n                  height: `${ITEM_HEIGHT}px`,\n                  overflow: \"hidden\",\n                  transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,\n                }}\n              >\n                {renderItem(virtualRow.index, virtualColumn.index)}\n              </div>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { twMerge } from \"tailwind-merge\";\nimport type { BaseProps } from \"../utils/types.js\";\n\nexport function DriveLayout({ children, className, ...props }: BaseProps) {\n  return (\n    <DriveLayout.Container className={className} {...props}>\n      {children}\n    </DriveLayout.Container>\n  );\n}\n\nDriveLayout.Container = function DriveLayoutContainer({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex grow flex-col overflow-auto\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Header = function DriveLayoutHeader({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex-0\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Content = function DriveLayoutContent({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"mb-5 flex-1 px-4\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.ContentSection = function DriveLayoutContentSection({\n  title,\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps & { title?: string }) {\n  return (\n    <div className={twMerge(className)} {...containerProps} {...props}>\n      {title && (\n        <div className=\"mb-4 text-base font-semibold text-gray-700 dark:text-slate-200\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">{children}</div>\n    </div>\n  );\n};\n\nDriveLayout.Footer = function DriveLayoutFooter({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={twMerge(\"flex-0\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n","import { FolderItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFolderNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FileContentView } from \"./file-content-view.js\";\nimport { DriveLayout } from \"./layout.js\";\n\nexport function FolderView(props: { className?: string }) {\n  const { className } = props;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const folderNodes = nodes.filter((n) => isFolderNodeKind(n));\n  return (\n    <div\n      className={twMerge(\n        \"rounded-md border-2 border-transparent p-2\",\n        className,\n      )}\n    >\n      <DriveLayout.ContentSection title=\"Folders\" className=\"mb-4\">\n        {folderNodes.length > 0 ? (\n          folderNodes.map((folderNode) => (\n            <FolderItem key={folderNode.id} folderNode={folderNode} />\n          ))\n        ) : (\n          <div className=\"mb-8 text-sm text-gray-400 dark:text-slate-200\">\n            No documents or files 📄\n          </div>\n        )}\n      </DriveLayout.ContentSection>\n      <DriveLayout.ContentSection title=\"Documents and files\">\n        <div className=\"w-full\">\n          <FileContentView />\n        </div>\n      </DriveLayout.ContentSection>\n    </div>\n  );\n}\n\nexport default FolderView;\n"],"mappings":"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"}

package/dist/browser/{graphql-editor-CiGd_Li7.js → graphql-editor-Dwgpm08w.js}

@@ -1,8 +1,8 @@
 import { E as __commonJSMin } from "./dist-CXoKspdx.js";
-import "./document-drive-oqv68jDU.js";
+import "./document-drive-CDaY4aIj.js";
 import { c as Kind, l as DirectiveLocation, m as invariant$1, p as GraphQLError, r as inspect, t as parse } from "./parser-CkF6Qt8V.js";
 import { $ as getNamedType, A as validateSchema, B as GraphQLInt, C as NoUnusedFragmentsRule, D as KnownDirectivesRule, E as KnownFragmentNamesRule, F as GraphQLDirective, G as GraphQLInputObjectType, H as isSpecifiedScalarType, I as isSpecifiedDirective, J as GraphQLNonNull, K as GraphQLInterfaceType, L as GraphQLBoolean, M as SchemaMetaFieldDef, N as TypeMetaFieldDef, O as FragmentsOnCompositeTypesRule, P as TypeNameMetaFieldDef, Q as assertAbstractType, R as GraphQLFloat, S as PossibleTypeExtensionsRule, T as KnownTypeNamesRule, U as doTypesOverlap, V as GraphQLString, W as GraphQLEnumType, X as GraphQLScalarType, Y as GraphQLObjectType, Z as GraphQLUnionType, _ as UniqueDirectivesPerLocationRule, _t as visit, at as isInputType, c as buildSchema, ct as isListType, d as UniqueVariableNamesRule, dt as isObjectType, et as getNullableType, f as UniqueTypeNamesRule, ft as isOutputType, g as UniqueEnumValueNamesRule, gt as BREAK, h as UniqueFieldDefinitionNamesRule, ht as print, it as isInputObjectType, j as GraphQLSchema, k as ExecutableDefinitionsRule, l as validate, lt as isNamedType, m as UniqueInputFieldNamesRule, mt as isUnionType, nt as isCompositeType, ot as isInterfaceType, p as UniqueOperationTypesRule, pt as isScalarType, q as GraphQLList, rt as isEnumType, st as isLeafType, tt as isAbstractType, u as specifiedRules, ut as isNonNullType, v as UniqueDirectiveNamesRule, w as LoneSchemaDefinitionRule, x as ProvidedRequiredArgumentsRule, y as UniqueArgumentNamesRule, z as GraphQLID } from "./documents-D4ek7Ubv.js";
-import { D as useTheme } from "./dist-C1nRM9t2.js";
+import { D as useTheme } from "./dist-Bha1Om6O.js";
 import { C as linter, D as EditorState, E as Compartment, O as StateEffect, S as forceLinting, T as keymap, _ as foldNodeProp, a as makeFocusHandler, b as tags, c as baseEditorExtensions, d as ayuLight, f as LRLanguage, g as foldInside, h as delimitedIndent, i as useHandlerReconfiguration, k as StateField, l as baseKeymap, n as useEditorCleanup, o as makePasteHandler, p as LanguageSupport, r as useEditorRefs, s as makeUpdateHandler, t as useDocumentSync, u as dracula, v as indentNodeProp, w as EditorView, x as LRParser, y as styleTags } from "./hooks-CORHBNHb.js";
 import { n as safeParseSdl, r as useSchemaContext } from "./schema-context-DY-GEGnY.js";
 import { memo, useEffect, useRef } from "react";
@@ -11694,4 +11694,4 @@ const GraphqlEditor = memo(function GraphqlEditor(props) {
 //#endregion
 export { GraphqlEditor as default };
 
-//# sourceMappingURL=graphql-editor-CiGd_Li7.js.map
+//# sourceMappingURL=graphql-editor-Dwgpm08w.js.map