@flanksource/clicky-ui 0.3.27 → 0.3.29

package/dist/lib/combobox.js

@@ -0,0 +1,93 @@
+const COMBOBOX_MENU_MAX_WIDTH_PX = 400;
+const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;
+const COMBOBOX_MOBILE_QUERY = "(max-width: 639px)";
+const COMBOBOX_MENU_EDGE_INSET_PX = 8;
+const COMBOBOX_MENU_ANCHOR_GAP_PX = 4;
+const COMBOBOX_MOBILE_HORIZONTAL_INSET_PX = 16;
+function calculateComboboxMenuPosition({
+  anchor,
+  viewportWidth,
+  viewportHeight,
+  mobile,
+  naturalHeight
+}) {
+  if (mobile) {
+    const spaceBelow2 = Math.max(
+      0,
+      viewportHeight - anchor.bottom - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+    );
+    const spaceAbove2 = Math.max(
+      0,
+      anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+    );
+    const openUp2 = naturalHeight != null && naturalHeight > spaceBelow2 && spaceAbove2 > spaceBelow2;
+    const width = Math.max(
+      0,
+      viewportWidth - COMBOBOX_MOBILE_HORIZONTAL_INSET_PX * 2
+    );
+    return menuPosition({
+      strategy: "mobile",
+      anchor,
+      viewportHeight,
+      openUp: openUp2,
+      left: COMBOBOX_MOBILE_HORIZONTAL_INSET_PX,
+      width,
+      maxWidth: width,
+      maxHeight: openUp2 ? spaceAbove2 : spaceBelow2
+    });
+  }
+  const spaceBelow = Math.max(
+    0,
+    viewportHeight - anchor.bottom - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+  );
+  const spaceAbove = Math.max(
+    0,
+    anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX
+  );
+  const openUp = spaceBelow < COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;
+  return menuPosition({
+    strategy: "desktop",
+    anchor,
+    viewportHeight,
+    openUp,
+    left: anchor.left,
+    width: anchor.width,
+    maxWidth: Math.max(
+      anchor.width,
+      Math.min(
+        COMBOBOX_MENU_MAX_WIDTH_PX,
+        viewportWidth - anchor.left - COMBOBOX_MENU_EDGE_INSET_PX
+      )
+    ),
+    maxHeight: Math.min(
+      COMBOBOX_MENU_MAX_HEIGHT_PX,
+      openUp ? spaceAbove : spaceBelow
+    )
+  });
+}
+function menuPosition({
+  strategy,
+  anchor,
+  viewportHeight,
+  openUp,
+  left,
+  width,
+  maxWidth,
+  maxHeight
+}) {
+  return {
+    strategy,
+    ...openUp ? { bottom: viewportHeight - anchor.top + COMBOBOX_MENU_ANCHOR_GAP_PX } : { top: anchor.bottom + COMBOBOX_MENU_ANCHOR_GAP_PX },
+    left,
+    width,
+    maxWidth,
+    maxHeight
+  };
+}
+export {
+  COMBOBOX_MENU_MAX_HEIGHT_PX,
+  COMBOBOX_MENU_MAX_WIDTH_PX,
+  COMBOBOX_MOBILE_QUERY,
+  calculateComboboxMenuPosition
+};
+//# sourceMappingURL=combobox.js.map

package/dist/lib/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../src/lib/combobox.ts"],"sourcesContent":["export const COMBOBOX_MENU_MAX_WIDTH_PX = 400;\nexport const COMBOBOX_MENU_MAX_HEIGHT_PX = 256;\nexport const COMBOBOX_MOBILE_QUERY = \"(max-width: 639px)\";\n\nconst COMBOBOX_MENU_EDGE_INSET_PX = 8;\nconst COMBOBOX_MENU_ANCHOR_GAP_PX = 4;\nconst COMBOBOX_MOBILE_HORIZONTAL_INSET_PX = 16;\n\nexport type ComboboxMenuPosition = {\n  strategy: \"desktop\" | \"mobile\";\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  maxWidth: number;\n  maxHeight: number;\n};\n\nexport function calculateComboboxMenuPosition({\n  anchor,\n  viewportWidth,\n  viewportHeight,\n  mobile,\n  naturalHeight,\n}: {\n  anchor: Pick<DOMRect, \"top\" | \"bottom\" | \"left\" | \"width\">;\n  viewportWidth: number;\n  viewportHeight: number;\n  mobile: boolean;\n  naturalHeight?: number;\n}): ComboboxMenuPosition {\n  if (mobile) {\n    const spaceBelow = Math.max(\n      0,\n      viewportHeight -\n        anchor.bottom -\n        COMBOBOX_MENU_ANCHOR_GAP_PX -\n        COMBOBOX_MENU_EDGE_INSET_PX,\n    );\n    const spaceAbove = Math.max(\n      0,\n      anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX,\n    );\n    const openUp =\n      naturalHeight != null &&\n      naturalHeight > spaceBelow &&\n      spaceAbove > spaceBelow;\n    const width = Math.max(\n      0,\n      viewportWidth - COMBOBOX_MOBILE_HORIZONTAL_INSET_PX * 2,\n    );\n    return menuPosition({\n      strategy: \"mobile\",\n      anchor,\n      viewportHeight,\n      openUp,\n      left: COMBOBOX_MOBILE_HORIZONTAL_INSET_PX,\n      width,\n      maxWidth: width,\n      maxHeight: openUp ? spaceAbove : spaceBelow,\n    });\n  }\n\n  const spaceBelow = Math.max(\n    0,\n    viewportHeight -\n      anchor.bottom -\n      COMBOBOX_MENU_ANCHOR_GAP_PX -\n      COMBOBOX_MENU_EDGE_INSET_PX,\n  );\n  const spaceAbove = Math.max(\n    0,\n    anchor.top - COMBOBOX_MENU_ANCHOR_GAP_PX - COMBOBOX_MENU_EDGE_INSET_PX,\n  );\n  const openUp =\n    spaceBelow < COMBOBOX_MENU_MAX_HEIGHT_PX && spaceAbove > spaceBelow;\n  return menuPosition({\n    strategy: \"desktop\",\n    anchor,\n    viewportHeight,\n    openUp,\n    left: anchor.left,\n    width: anchor.width,\n    maxWidth: Math.max(\n      anchor.width,\n      Math.min(\n        COMBOBOX_MENU_MAX_WIDTH_PX,\n        viewportWidth - anchor.left - COMBOBOX_MENU_EDGE_INSET_PX,\n      ),\n    ),\n    maxHeight: Math.min(\n      COMBOBOX_MENU_MAX_HEIGHT_PX,\n      openUp ? spaceAbove : spaceBelow,\n    ),\n  });\n}\n\nfunction menuPosition({\n  strategy,\n  anchor,\n  viewportHeight,\n  openUp,\n  left,\n  width,\n  maxWidth,\n  maxHeight,\n}: Omit<ComboboxMenuPosition, \"top\" | \"bottom\"> & {\n  anchor: Pick<DOMRect, \"top\" | \"bottom\">;\n  viewportHeight: number;\n  openUp: boolean;\n}): ComboboxMenuPosition {\n  return {\n    strategy,\n    ...(openUp\n      ? { bottom: viewportHeight - anchor.top + COMBOBOX_MENU_ANCHOR_GAP_PX }\n      : { top: anchor.bottom + COMBOBOX_MENU_ANCHOR_GAP_PX }),\n    left,\n    width,\n    maxWidth,\n    maxHeight,\n  };\n}\n"],"names":["spaceBelow","spaceAbove","openUp"],"mappings":"AAAO,MAAM,6BAA6B;AACnC,MAAM,8BAA8B;AACpC,MAAM,wBAAwB;AAErC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,sCAAsC;AAYrC,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMyB;AACvB,MAAI,QAAQ;AACV,UAAMA,cAAa,KAAK;AAAA,MACtB;AAAA,MACA,iBACE,OAAO,SACP,8BACA;AAAA,IAAA;AAEJ,UAAMC,cAAa,KAAK;AAAA,MACtB;AAAA,MACA,OAAO,MAAM,8BAA8B;AAAA,IAAA;AAE7C,UAAMC,UACJ,iBAAiB,QACjB,gBAAgBF,eAChBC,cAAaD;AACf,UAAM,QAAQ,KAAK;AAAA,MACjB;AAAA,MACA,gBAAgB,sCAAsC;AAAA,IAAA;AAExD,WAAO,aAAa;AAAA,MAClB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,QAAAE;AAAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,UAAU;AAAA,MACV,WAAWA,UAASD,cAAaD;AAAAA,IAAA,CAClC;AAAA,EACH;AAEA,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,iBACE,OAAO,SACP,8BACA;AAAA,EAAA;AAEJ,QAAM,aAAa,KAAK;AAAA,IACtB;AAAA,IACA,OAAO,MAAM,8BAA8B;AAAA,EAAA;AAE7C,QAAM,SACJ,aAAa,+BAA+B,aAAa;AAC3D,SAAO,aAAa;AAAA,IAClB,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,OAAO;AAAA,IACb,OAAO,OAAO;AAAA,IACd,UAAU,KAAK;AAAA,MACb,OAAO;AAAA,MACP,KAAK;AAAA,QACH;AAAA,QACA,gBAAgB,OAAO,OAAO;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,WAAW,KAAK;AAAA,MACd;AAAA,MACA,SAAS,aAAa;AAAA,IAAA;AAAA,EACxB,CACD;AACH;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIyB;AACvB,SAAO;AAAA,IACL;AAAA,IACA,GAAI,SACA,EAAE,QAAQ,iBAAiB,OAAO,MAAM,4BAAA,IACxC,EAAE,KAAK,OAAO,SAAS,4BAAA;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/monaco/MonacoEditor.d.ts

@@ -1,5 +1,5 @@
 import { Monaco } from '@monaco-editor/react';
 import { MonacoEditorProps } from './types';
-export declare function MonacoEditor({ value, onChange, language, path, height, beforeMount, onMount, onValidate, }: MonacoEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonacoEditor({ value, onChange, language, path, height, beforeMount, onMount, onValidate, }: MonacoEditorProps): import("react").JSX.Element;
 export type { Monaco };
 //# sourceMappingURL=MonacoEditor.d.ts.map

package/dist/monaco/MonacoEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAU,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAInE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAgB,EAChB,WAAW,EACX,OAAO,EACP,UAAU,GACX,EAAE,iBAAiB,2CAqCnB;AAED,YAAY,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"MonacoEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoEditor.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAU,KAAK,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAInE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAgB,EAChB,WAAW,EACX,OAAO,EACP,UAAU,GACX,EAAE,iBAAiB,+BAqCnB;AAED,YAAY,EAAE,MAAM,EAAE,CAAC"}

package/dist/monaco/MonacoProvider.d.ts

@@ -1,3 +1,3 @@
 import { MonacoProviderProps } from './types';
-export declare function MonacoProvider({ getWorker, children }: MonacoProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonacoProvider({ getWorker, children }: MonacoProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=MonacoProvider.d.ts.map

package/dist/monaco/MonacoProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoProvider.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiB1E"}
+{"version":3,"file":"MonacoProvider.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAiB1E"}

package/dist/monaco/MonacoSchemaEditor.cjs

@@ -11,10 +11,10 @@ function MonacoSchemaEditor(props) {
   const { value, language, path, schema, schemaUri, onValidationChange } = props;
   const [retry, setRetry] = react.useState(0);
   const workers = useMonacoWorker.useMonacoWorkerFactory();
-  const cleanup = react.useRef();
-  const markerCleanup = react.useRef();
-  const disposeTimer = react.useRef();
-  const initialValidationTimer = react.useRef();
+  const cleanup = react.useRef(void 0);
+  const markerCleanup = react.useRef(void 0);
+  const disposeTimer = react.useRef(void 0);
+  const initialValidationTimer = react.useRef(void 0);
   const model = react.useRef(null);
   const normalized = react.useMemo(() => schemaNormalizer.normalizeSchemaForMonaco(schema), [schema]);
   react.useEffect(

package/dist/monaco/MonacoSchemaEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoSchemaEditor.cjs","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { editor, Uri } from \"monaco-editor\";\nimport { Button } from \"../components/button\";\nimport { MonacoEditor, type Monaco } from \"./MonacoEditor\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport { normalizeSchemaForMonaco } from \"./schema-normalizer\";\nimport { registerMonacoSchema } from \"./schema-registry\";\nimport type { MonacoSchemaEditorProps, MonacoValidationState } from \"./types\";\n\nexport function MonacoSchemaEditor(props: MonacoSchemaEditorProps) {\n  const { value, language, path, schema, schemaUri, onValidationChange } = props;\n  const [retry, setRetry] = useState(0);\n  const workers = useMonacoWorkerFactory();\n  const cleanup = useRef<(() => void) | undefined>();\n  const markerCleanup = useRef<(() => void) | undefined>();\n  const disposeTimer = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const initialValidationTimer = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const model = useRef<editor.ITextModel | null>(null);\n  const normalized = useMemo(() => normalizeSchemaForMonaco(schema), [schema]);\n\n  useEffect(\n    () => {\n      if (disposeTimer.current) clearTimeout(disposeTimer.current);\n      return () => {\n        markerCleanup.current?.();\n        cleanup.current?.();\n        if (initialValidationTimer.current) clearTimeout(initialValidationTimer.current);\n        const current = model.current;\n        disposeTimer.current = setTimeout(() => current?.dispose(), 0);\n      };\n    },\n    [],\n  );\n  useEffect(() => {\n    onValidationChange(\n      !normalized.schema\n        ? {\n            status: \"unavailable\",\n            errors: [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`],\n          }\n        : workers\n        ? { status: \"loading\", errors: [] }\n        : { status: \"unavailable\", errors: [\"Monaco workers are not configured.\"] },\n    );\n  }, [value, retry, workers, onValidationChange, normalized.schema]);\n\n  if (!workers) {\n    return <Unavailable errors={[\"Monaco workers are not configured.\"]} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  if (!normalized.schema) {\n    const errors = [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`];\n    return <Unavailable errors={errors} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  const setValidation = (markers: editor.IMarker[]) => {\n    const current = model.current;\n    if (!current) return;\n    const version = current.getVersionId();\n    queueMicrotask(() => {\n      if (model.current?.getVersionId() !== version) return;\n      // Monaco YAML reports JSON Schema violations (for example enum mismatches)\n      // as warnings, while malformed YAML is reported as an error. Both mean the\n      // document is not valid for submission; hints and informational markers do not.\n      const errors = markers.filter((marker) => marker.severity >= 4).map((marker) => marker.message);\n      onValidationChange({ status: errors.length > 0 ? \"invalid\" : \"valid\", errors });\n    });\n  };\n\n  const prepare = (monaco: Monaco) => {\n    cleanup.current?.();\n    cleanup.current = registerMonacoSchema(monaco, language, path, schemaUri, normalized.schema!);\n  };\n\n  const mount = (instance: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    if (disposeTimer.current) clearTimeout(disposeTimer.current);\n    model.current = instance.getModel();\n    markerCleanup.current?.();\n    const disposable = monaco.editor.onDidChangeMarkers((uris: readonly Uri[]) => {\n      const current = model.current;\n      if (!current || !uris.some((uri) => uri.toString() === current.uri.toString())) return;\n      setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    });\n    markerCleanup.current = () => disposable.dispose();\n    // The language service doesn't emit a marker-change event when an initial\n    // document is valid (the marker set starts and remains empty). Give the\n    // worker its normal validation window, then explicitly complete that empty\n    // result so forms cannot remain stuck in the loading state.\n    initialValidationTimer.current = setTimeout(() => {\n      const current = model.current;\n      if (current) setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    }, 1_500);\n  };\n\n  return (\n    <MonacoEditor\n      key={retry}\n      {...props}\n      beforeMount={(monaco) => {\n        try {\n          prepare(monaco);\n        } catch (error) {\n          onValidationChange({\n            status: \"unavailable\",\n            errors: [error instanceof Error ? error.message : String(error)],\n          });\n        }\n      }}\n      onMount={mount}\n      onValidate={setValidation}\n    />\n  );\n}\n\nfunction Unavailable({ errors, onRetry }: { errors: string[]; onRetry: () => void }) {\n  return (\n    <div role=\"alert\" className=\"space-y-2 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n      <div>{errors.join(\"; \")}</div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onRetry}>Retry editor</Button>\n    </div>\n  );\n}\n\nexport type { MonacoValidationState };\n"],"names":["useState","useMonacoWorkerFactory","useRef","useMemo","normalizeSchemaForMonaco","useEffect","jsx","registerMonacoSchema","MonacoEditor","jsxs","Button"],"mappings":"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"}
+{"version":3,"file":"MonacoSchemaEditor.cjs","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { editor, Uri } from \"monaco-editor\";\nimport { Button } from \"../components/button\";\nimport { MonacoEditor, type Monaco } from \"./MonacoEditor\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport { normalizeSchemaForMonaco } from \"./schema-normalizer\";\nimport { registerMonacoSchema } from \"./schema-registry\";\nimport type { MonacoSchemaEditorProps, MonacoValidationState } from \"./types\";\n\nexport function MonacoSchemaEditor(props: MonacoSchemaEditorProps) {\n  const { value, language, path, schema, schemaUri, onValidationChange } = props;\n  const [retry, setRetry] = useState(0);\n  const workers = useMonacoWorkerFactory();\n  const cleanup = useRef<(() => void) | undefined>(undefined);\n  const markerCleanup = useRef<(() => void) | undefined>(undefined);\n  const disposeTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const initialValidationTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const model = useRef<editor.ITextModel | null>(null);\n  const normalized = useMemo(() => normalizeSchemaForMonaco(schema), [schema]);\n\n  useEffect(\n    () => {\n      if (disposeTimer.current) clearTimeout(disposeTimer.current);\n      return () => {\n        markerCleanup.current?.();\n        cleanup.current?.();\n        if (initialValidationTimer.current) clearTimeout(initialValidationTimer.current);\n        const current = model.current;\n        disposeTimer.current = setTimeout(() => current?.dispose(), 0);\n      };\n    },\n    [],\n  );\n  useEffect(() => {\n    onValidationChange(\n      !normalized.schema\n        ? {\n            status: \"unavailable\",\n            errors: [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`],\n          }\n        : workers\n        ? { status: \"loading\", errors: [] }\n        : { status: \"unavailable\", errors: [\"Monaco workers are not configured.\"] },\n    );\n  }, [value, retry, workers, onValidationChange, normalized.schema]);\n\n  if (!workers) {\n    return <Unavailable errors={[\"Monaco workers are not configured.\"]} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  if (!normalized.schema) {\n    const errors = [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`];\n    return <Unavailable errors={errors} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  const setValidation = (markers: editor.IMarker[]) => {\n    const current = model.current;\n    if (!current) return;\n    const version = current.getVersionId();\n    queueMicrotask(() => {\n      if (model.current?.getVersionId() !== version) return;\n      // Monaco YAML reports JSON Schema violations (for example enum mismatches)\n      // as warnings, while malformed YAML is reported as an error. Both mean the\n      // document is not valid for submission; hints and informational markers do not.\n      const errors = markers.filter((marker) => marker.severity >= 4).map((marker) => marker.message);\n      onValidationChange({ status: errors.length > 0 ? \"invalid\" : \"valid\", errors });\n    });\n  };\n\n  const prepare = (monaco: Monaco) => {\n    cleanup.current?.();\n    cleanup.current = registerMonacoSchema(monaco, language, path, schemaUri, normalized.schema!);\n  };\n\n  const mount = (instance: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    if (disposeTimer.current) clearTimeout(disposeTimer.current);\n    model.current = instance.getModel();\n    markerCleanup.current?.();\n    const disposable = monaco.editor.onDidChangeMarkers((uris: readonly Uri[]) => {\n      const current = model.current;\n      if (!current || !uris.some((uri) => uri.toString() === current.uri.toString())) return;\n      setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    });\n    markerCleanup.current = () => disposable.dispose();\n    // The language service doesn't emit a marker-change event when an initial\n    // document is valid (the marker set starts and remains empty). Give the\n    // worker its normal validation window, then explicitly complete that empty\n    // result so forms cannot remain stuck in the loading state.\n    initialValidationTimer.current = setTimeout(() => {\n      const current = model.current;\n      if (current) setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    }, 1_500);\n  };\n\n  return (\n    <MonacoEditor\n      key={retry}\n      {...props}\n      beforeMount={(monaco) => {\n        try {\n          prepare(monaco);\n        } catch (error) {\n          onValidationChange({\n            status: \"unavailable\",\n            errors: [error instanceof Error ? error.message : String(error)],\n          });\n        }\n      }}\n      onMount={mount}\n      onValidate={setValidation}\n    />\n  );\n}\n\nfunction Unavailable({ errors, onRetry }: { errors: string[]; onRetry: () => void }) {\n  return (\n    <div role=\"alert\" className=\"space-y-2 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n      <div>{errors.join(\"; \")}</div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onRetry}>Retry editor</Button>\n    </div>\n  );\n}\n\nexport type { MonacoValidationState };\n"],"names":["useState","useMonacoWorkerFactory","useRef","useMemo","normalizeSchemaForMonaco","useEffect","jsx","registerMonacoSchema","MonacoEditor","jsxs","Button"],"mappings":"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"}

package/dist/monaco/MonacoSchemaEditor.d.ts

@@ -1,4 +1,4 @@
 import { MonacoSchemaEditorProps, MonacoValidationState } from './types';
-export declare function MonacoSchemaEditor(props: MonacoSchemaEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MonacoSchemaEditor(props: MonacoSchemaEditorProps): import("react").JSX.Element;
 export type { MonacoValidationState };
 //# sourceMappingURL=MonacoSchemaEditor.d.ts.map

package/dist/monaco/MonacoSchemaEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoSchemaEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAuGhE;AAWD,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"MonacoSchemaEditor.d.ts","sourceRoot":"","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAuGhE;AAWD,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/monaco/MonacoSchemaEditor.js

@@ -9,10 +9,10 @@ function MonacoSchemaEditor(props) {
   const { value, language, path, schema, schemaUri, onValidationChange } = props;
   const [retry, setRetry] = useState(0);
   const workers = useMonacoWorkerFactory();
-  const cleanup = useRef();
-  const markerCleanup = useRef();
-  const disposeTimer = useRef();
-  const initialValidationTimer = useRef();
+  const cleanup = useRef(void 0);
+  const markerCleanup = useRef(void 0);
+  const disposeTimer = useRef(void 0);
+  const initialValidationTimer = useRef(void 0);
   const model = useRef(null);
   const normalized = useMemo(() => normalizeSchemaForMonaco(schema), [schema]);
   useEffect(

package/dist/monaco/MonacoSchemaEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonacoSchemaEditor.js","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { editor, Uri } from \"monaco-editor\";\nimport { Button } from \"../components/button\";\nimport { MonacoEditor, type Monaco } from \"./MonacoEditor\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport { normalizeSchemaForMonaco } from \"./schema-normalizer\";\nimport { registerMonacoSchema } from \"./schema-registry\";\nimport type { MonacoSchemaEditorProps, MonacoValidationState } from \"./types\";\n\nexport function MonacoSchemaEditor(props: MonacoSchemaEditorProps) {\n  const { value, language, path, schema, schemaUri, onValidationChange } = props;\n  const [retry, setRetry] = useState(0);\n  const workers = useMonacoWorkerFactory();\n  const cleanup = useRef<(() => void) | undefined>();\n  const markerCleanup = useRef<(() => void) | undefined>();\n  const disposeTimer = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const initialValidationTimer = useRef<ReturnType<typeof setTimeout> | undefined>();\n  const model = useRef<editor.ITextModel | null>(null);\n  const normalized = useMemo(() => normalizeSchemaForMonaco(schema), [schema]);\n\n  useEffect(\n    () => {\n      if (disposeTimer.current) clearTimeout(disposeTimer.current);\n      return () => {\n        markerCleanup.current?.();\n        cleanup.current?.();\n        if (initialValidationTimer.current) clearTimeout(initialValidationTimer.current);\n        const current = model.current;\n        disposeTimer.current = setTimeout(() => current?.dispose(), 0);\n      };\n    },\n    [],\n  );\n  useEffect(() => {\n    onValidationChange(\n      !normalized.schema\n        ? {\n            status: \"unavailable\",\n            errors: [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`],\n          }\n        : workers\n        ? { status: \"loading\", errors: [] }\n        : { status: \"unavailable\", errors: [\"Monaco workers are not configured.\"] },\n    );\n  }, [value, retry, workers, onValidationChange, normalized.schema]);\n\n  if (!workers) {\n    return <Unavailable errors={[\"Monaco workers are not configured.\"]} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  if (!normalized.schema) {\n    const errors = [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`];\n    return <Unavailable errors={errors} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  const setValidation = (markers: editor.IMarker[]) => {\n    const current = model.current;\n    if (!current) return;\n    const version = current.getVersionId();\n    queueMicrotask(() => {\n      if (model.current?.getVersionId() !== version) return;\n      // Monaco YAML reports JSON Schema violations (for example enum mismatches)\n      // as warnings, while malformed YAML is reported as an error. Both mean the\n      // document is not valid for submission; hints and informational markers do not.\n      const errors = markers.filter((marker) => marker.severity >= 4).map((marker) => marker.message);\n      onValidationChange({ status: errors.length > 0 ? \"invalid\" : \"valid\", errors });\n    });\n  };\n\n  const prepare = (monaco: Monaco) => {\n    cleanup.current?.();\n    cleanup.current = registerMonacoSchema(monaco, language, path, schemaUri, normalized.schema!);\n  };\n\n  const mount = (instance: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    if (disposeTimer.current) clearTimeout(disposeTimer.current);\n    model.current = instance.getModel();\n    markerCleanup.current?.();\n    const disposable = monaco.editor.onDidChangeMarkers((uris: readonly Uri[]) => {\n      const current = model.current;\n      if (!current || !uris.some((uri) => uri.toString() === current.uri.toString())) return;\n      setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    });\n    markerCleanup.current = () => disposable.dispose();\n    // The language service doesn't emit a marker-change event when an initial\n    // document is valid (the marker set starts and remains empty). Give the\n    // worker its normal validation window, then explicitly complete that empty\n    // result so forms cannot remain stuck in the loading state.\n    initialValidationTimer.current = setTimeout(() => {\n      const current = model.current;\n      if (current) setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    }, 1_500);\n  };\n\n  return (\n    <MonacoEditor\n      key={retry}\n      {...props}\n      beforeMount={(monaco) => {\n        try {\n          prepare(monaco);\n        } catch (error) {\n          onValidationChange({\n            status: \"unavailable\",\n            errors: [error instanceof Error ? error.message : String(error)],\n          });\n        }\n      }}\n      onMount={mount}\n      onValidate={setValidation}\n    />\n  );\n}\n\nfunction Unavailable({ errors, onRetry }: { errors: string[]; onRetry: () => void }) {\n  return (\n    <div role=\"alert\" className=\"space-y-2 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n      <div>{errors.join(\"; \")}</div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onRetry}>Retry editor</Button>\n    </div>\n  );\n}\n\nexport type { MonacoValidationState };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MonacoSchemaEditor.js","sources":["../../src/monaco/MonacoSchemaEditor.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { editor, Uri } from \"monaco-editor\";\nimport { Button } from \"../components/button\";\nimport { MonacoEditor, type Monaco } from \"./MonacoEditor\";\nimport { useMonacoWorkerFactory } from \"./use-monaco-worker\";\nimport { normalizeSchemaForMonaco } from \"./schema-normalizer\";\nimport { registerMonacoSchema } from \"./schema-registry\";\nimport type { MonacoSchemaEditorProps, MonacoValidationState } from \"./types\";\n\nexport function MonacoSchemaEditor(props: MonacoSchemaEditorProps) {\n  const { value, language, path, schema, schemaUri, onValidationChange } = props;\n  const [retry, setRetry] = useState(0);\n  const workers = useMonacoWorkerFactory();\n  const cleanup = useRef<(() => void) | undefined>(undefined);\n  const markerCleanup = useRef<(() => void) | undefined>(undefined);\n  const disposeTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const initialValidationTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const model = useRef<editor.ITextModel | null>(null);\n  const normalized = useMemo(() => normalizeSchemaForMonaco(schema), [schema]);\n\n  useEffect(\n    () => {\n      if (disposeTimer.current) clearTimeout(disposeTimer.current);\n      return () => {\n        markerCleanup.current?.();\n        cleanup.current?.();\n        if (initialValidationTimer.current) clearTimeout(initialValidationTimer.current);\n        const current = model.current;\n        disposeTimer.current = setTimeout(() => current?.dispose(), 0);\n      };\n    },\n    [],\n  );\n  useEffect(() => {\n    onValidationChange(\n      !normalized.schema\n        ? {\n            status: \"unavailable\",\n            errors: [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`],\n          }\n        : workers\n        ? { status: \"loading\", errors: [] }\n        : { status: \"unavailable\", errors: [\"Monaco workers are not configured.\"] },\n    );\n  }, [value, retry, workers, onValidationChange, normalized.schema]);\n\n  if (!workers) {\n    return <Unavailable errors={[\"Monaco workers are not configured.\"]} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  if (!normalized.schema) {\n    const errors = [`Unsupported schema keywords: ${normalized.unsupportedKeywords.join(\", \")}`];\n    return <Unavailable errors={errors} onRetry={() => setRetry((n) => n + 1)} />;\n  }\n\n  const setValidation = (markers: editor.IMarker[]) => {\n    const current = model.current;\n    if (!current) return;\n    const version = current.getVersionId();\n    queueMicrotask(() => {\n      if (model.current?.getVersionId() !== version) return;\n      // Monaco YAML reports JSON Schema violations (for example enum mismatches)\n      // as warnings, while malformed YAML is reported as an error. Both mean the\n      // document is not valid for submission; hints and informational markers do not.\n      const errors = markers.filter((marker) => marker.severity >= 4).map((marker) => marker.message);\n      onValidationChange({ status: errors.length > 0 ? \"invalid\" : \"valid\", errors });\n    });\n  };\n\n  const prepare = (monaco: Monaco) => {\n    cleanup.current?.();\n    cleanup.current = registerMonacoSchema(monaco, language, path, schemaUri, normalized.schema!);\n  };\n\n  const mount = (instance: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    if (disposeTimer.current) clearTimeout(disposeTimer.current);\n    model.current = instance.getModel();\n    markerCleanup.current?.();\n    const disposable = monaco.editor.onDidChangeMarkers((uris: readonly Uri[]) => {\n      const current = model.current;\n      if (!current || !uris.some((uri) => uri.toString() === current.uri.toString())) return;\n      setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    });\n    markerCleanup.current = () => disposable.dispose();\n    // The language service doesn't emit a marker-change event when an initial\n    // document is valid (the marker set starts and remains empty). Give the\n    // worker its normal validation window, then explicitly complete that empty\n    // result so forms cannot remain stuck in the loading state.\n    initialValidationTimer.current = setTimeout(() => {\n      const current = model.current;\n      if (current) setValidation(monaco.editor.getModelMarkers({ resource: current.uri }));\n    }, 1_500);\n  };\n\n  return (\n    <MonacoEditor\n      key={retry}\n      {...props}\n      beforeMount={(monaco) => {\n        try {\n          prepare(monaco);\n        } catch (error) {\n          onValidationChange({\n            status: \"unavailable\",\n            errors: [error instanceof Error ? error.message : String(error)],\n          });\n        }\n      }}\n      onMount={mount}\n      onValidate={setValidation}\n    />\n  );\n}\n\nfunction Unavailable({ errors, onRetry }: { errors: string[]; onRetry: () => void }) {\n  return (\n    <div role=\"alert\" className=\"space-y-2 rounded-md border border-destructive/40 p-3 text-sm text-destructive\">\n      <div>{errors.join(\"; \")}</div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={onRetry}>Retry editor</Button>\n    </div>\n  );\n}\n\nexport type { MonacoValidationState };\n"],"names":[],"mappings":";;;;;;;AASO,SAAS,mBAAmB,OAAgC;AACjE,QAAM,EAAE,OAAO,UAAU,MAAM,QAAQ,WAAW,uBAAuB;AACzE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,UAAU,uBAAA;AAChB,QAAM,UAAU,OAAiC,MAAS;AAC1D,QAAM,gBAAgB,OAAiC,MAAS;AAChE,QAAM,eAAe,OAAkD,MAAS;AAChF,QAAM,yBAAyB,OAAkD,MAAS;AAC1F,QAAM,QAAQ,OAAiC,IAAI;AACnD,QAAM,aAAa,QAAQ,MAAM,yBAAyB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE3E;AAAA,IACE,MAAM;AACJ,UAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,aAAO,MAAM;;AACX,4BAAc,YAAd;AACA,sBAAQ,YAAR;AACA,YAAI,uBAAuB,QAAS,cAAa,uBAAuB,OAAO;AAC/E,cAAM,UAAU,MAAM;AACtB,qBAAa,UAAU,WAAW,MAAM,mCAAS,WAAW,CAAC;AAAA,MAC/D;AAAA,IACF;AAAA,IACA,CAAA;AAAA,EAAC;AAEH,YAAU,MAAM;AACd;AAAA,MACE,CAAC,WAAW,SACR;AAAA,QACE,QAAQ;AAAA,QACR,QAAQ,CAAC,gCAAgC,WAAW,oBAAoB,KAAK,IAAI,CAAC,EAAE;AAAA,MAAA,IAEtF,UACA,EAAE,QAAQ,WAAW,QAAQ,CAAA,MAC7B,EAAE,QAAQ,eAAe,QAAQ,CAAC,oCAAoC,EAAA;AAAA,IAAE;AAAA,EAEhF,GAAG,CAAC,OAAO,OAAO,SAAS,oBAAoB,WAAW,MAAM,CAAC;AAEjE,MAAI,CAAC,SAAS;AACZ,WAAO,oBAAC,aAAA,EAAY,QAAQ,CAAC,oCAAoC,GAAG,SAAS,MAAM,SAAS,CAAC,MAAM,IAAI,CAAC,EAAA,CAAG;AAAA,EAC7G;AAEA,MAAI,CAAC,WAAW,QAAQ;AACtB,UAAM,SAAS,CAAC,gCAAgC,WAAW,oBAAoB,KAAK,IAAI,CAAC,EAAE;AAC3F,WAAO,oBAAC,aAAA,EAAY,QAAgB,SAAS,MAAM,SAAS,CAAC,MAAM,IAAI,CAAC,EAAA,CAAG;AAAA,EAC7E;AAEA,QAAM,gBAAgB,CAAC,YAA8B;AACnD,UAAM,UAAU,MAAM;AACtB,QAAI,CAAC,QAAS;AACd,UAAM,UAAU,QAAQ,aAAA;AACxB,mBAAe,MAAM;;AACnB,YAAI,WAAM,YAAN,mBAAe,oBAAmB,QAAS;AAI/C,YAAM,SAAS,QAAQ,OAAO,CAAC,WAAW,OAAO,YAAY,CAAC,EAAE,IAAI,CAAC,WAAW,OAAO,OAAO;AAC9F,yBAAmB,EAAE,QAAQ,OAAO,SAAS,IAAI,YAAY,SAAS,QAAQ;AAAA,IAChF,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,CAAC,WAAmB;;AAClC,kBAAQ,YAAR;AACA,YAAQ,UAAU,qBAAqB,QAAQ,UAAU,MAAM,WAAW,WAAW,MAAO;AAAA,EAC9F;AAEA,QAAM,QAAQ,CAAC,UAAwC,WAAmB;;AACxE,QAAI,aAAa,QAAS,cAAa,aAAa,OAAO;AAC3D,UAAM,UAAU,SAAS,SAAA;AACzB,wBAAc,YAAd;AACA,UAAM,aAAa,OAAO,OAAO,mBAAmB,CAAC,SAAyB;AAC5E,YAAM,UAAU,MAAM;AACtB,UAAI,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,QAAQ,IAAI,SAAA,MAAe,QAAQ,IAAI,SAAA,CAAU,EAAG;AAChF,oBAAc,OAAO,OAAO,gBAAgB,EAAE,UAAU,QAAQ,IAAA,CAAK,CAAC;AAAA,IACxE,CAAC;AACD,kBAAc,UAAU,MAAM,WAAW,QAAA;AAKzC,2BAAuB,UAAU,WAAW,MAAM;AAChD,YAAM,UAAU,MAAM;AACtB,UAAI,QAAS,eAAc,OAAO,OAAO,gBAAgB,EAAE,UAAU,QAAQ,IAAA,CAAK,CAAC;AAAA,IACrF,GAAG,IAAK;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEE,GAAG;AAAA,MACJ,aAAa,CAAC,WAAW;AACvB,YAAI;AACF,kBAAQ,MAAM;AAAA,QAChB,SAAS,OAAO;AACd,6BAAmB;AAAA,YACjB,QAAQ;AAAA,YACR,QAAQ,CAAC,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,CAAC;AAAA,UAAA,CAChE;AAAA,QACH;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAbP;AAAA,EAAA;AAgBX;AAEA,SAAS,YAAY,EAAE,QAAQ,WAAsD;AACnF,SACE,qBAAC,OAAA,EAAI,MAAK,SAAQ,WAAU,kFAC1B,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAK,UAAA,OAAO,KAAK,IAAI,GAAE;AAAA,IACxB,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,SAAS,UAAA,eAAA,CAAY;AAAA,EAAA,GAClF;AAEJ;"}

package/dist/monaco/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { editor } from 'monaco-editor';
 import { Monaco } from '@monaco-editor/react';
 import { JsonSchemaObject } from '../components/json-schema-form-types';

package/dist/monaco/use-monaco-worker.d.ts

@@ -1,4 +1,4 @@
 import { MonacoWorkerFactory } from './types';
-export declare const WorkerContext: import('react').Context<MonacoWorkerFactory | null>;
+export declare const WorkerContext: import('../../../../node_modules/@types/react/index.d.ts').Context<MonacoWorkerFactory | null>;
 export declare function useMonacoWorkerFactory(): MonacoWorkerFactory | null;
 //# sourceMappingURL=use-monaco-worker.d.ts.map

package/dist/overlay/CellActions.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { StaticIconComponent } from '../data/Icon';
 import { DropdownMenuItem } from './DropdownMenu';
 export type CellActionsProps = {
@@ -13,6 +13,6 @@ export type CellActionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>
     icon: StaticIconComponent;
     onSelect: () => void;
 };
-export declare function CellActions({ contextTarget, menuLabel, menuItems, children, className, }: CellActionsProps): import("react/jsx-runtime").JSX.Element;
-export declare function CellActionButton({ label, icon, onSelect, className, title, onMouseDown, ...props }: CellActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CellActions({ contextTarget, menuLabel, menuItems, children, className, }: CellActionsProps): import("react").JSX.Element;
+export declare function CellActionButton({ label, icon, onSelect, className, title, onMouseDown, ...props }: CellActionButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=CellActions.d.ts.map

package/dist/overlay/CellActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellActions.d.ts","sourceRoot":"","sources":["../../src/overlay/CellActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAyBlB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwBvB"}
+{"version":3,"file":"CellActions.d.ts","sourceRoot":"","sources":["../../src/overlay/CellActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAQ,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,SAAS,CACvB,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,+BAyBlB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAwBvB"}

package/dist/overlay/CommandPalette.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { CommandFilter, CommandGroup, CommandItem } from './CommandPalette.model';
 export type { CommandFilter, CommandGroup, CommandItem, CommandSelectContext, } from './CommandPalette.model';
 export type CommandPaletteProps = {
@@ -67,5 +67,5 @@ export type CommandPaletteProps = {
  * `zIndex` scale), so a palette opened over a modal sits above it and Escape
  * still dismisses exactly one layer.
  */
-export declare function CommandPalette({ open, onOpenChange, groups, query, onQueryChange, hotkey, placeholder, loading, emptyState, footer, filter, onSelect, closeOnSelect, resetQueryOnClose, size, topOffset, listMaxHeight, ariaLabel, className, }: CommandPaletteProps): import('react').ReactPortal | null;
+export declare function CommandPalette({ open, onOpenChange, groups, query, onQueryChange, hotkey, placeholder, loading, emptyState, footer, filter, onSelect, closeOnSelect, resetQueryOnClose, size, topOffset, listMaxHeight, ariaLabel, className, }: CommandPaletteProps): import('../../../../node_modules/@types/react/index.d.ts').ReactPortal | null;
 //# sourceMappingURL=CommandPalette.d.ts.map

package/dist/overlay/CommandPalette.model.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { StaticIconComponent } from '../data/Icon';
 /** Context handed to a command's `onSelect`. */
 export type CommandSelectContext = {

package/dist/overlay/CommandPaletteList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.cjs","sources":["../../src/overlay/CommandPaletteList.tsx"],"sourcesContent":["import { Fragment, type RefObject } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport type { CommandGroup, CommandItem } from \"./CommandPalette.model\";\n\nexport type CommandPaletteListProps = {\n  groups: CommandGroup[];\n  /** Flattened rows, in render order — index space for `activeIndex`. */\n  items: CommandItem[];\n  activeIndex: number;\n  listId: string;\n  optionId: (item: CommandItem) => string;\n  onActivate: (item: CommandItem) => void;\n  onHover: (index: number) => void;\n  listRef: RefObject<HTMLDivElement>;\n  loading?: boolean | undefined;\n  emptyState?: React.ReactNode;\n  listMaxHeight: string | number;\n};\n\n/**\n * The palette's grouped listbox. Headings are `role=\"presentation\"` so the\n * option index space stays contiguous — the same trick Combobox uses to scroll\n * by `[role=\"option\"]` index.\n */\nexport function CommandPaletteList({\n  groups,\n  items,\n  activeIndex,\n  listId,\n  optionId,\n  onActivate,\n  onHover,\n  listRef,\n  loading,\n  emptyState,\n  listMaxHeight,\n}: CommandPaletteListProps) {\n  // A flat cursor walked alongside the nested render so each row knows its index\n  // in the flattened list without a lookup.\n  let flatIndex = -1;\n\n  return (\n    <div\n      ref={listRef}\n      id={listId}\n      role=\"listbox\"\n      aria-label=\"Commands\"\n      className=\"overflow-y-auto overscroll-contain py-density-1\"\n      style={{ maxHeight: listMaxHeight }}\n    >\n      {loading ? (\n        <div className=\"px-density-3 py-density-3 text-sm text-muted-foreground\">Searching…</div>\n      ) : items.length === 0 ? (\n        <div className=\"px-density-3 py-density-4 text-center text-sm text-muted-foreground\">\n          {emptyState ?? \"No results\"}\n        </div>\n      ) : (\n        groups.map((group) => {\n          const headingId = `${listId}-group-${group.id}`;\n          return (\n            <Fragment key={group.id}>\n              <div role=\"group\" aria-labelledby={group.heading ? headingId : undefined}>\n                {group.heading && (\n                  <div\n                    id={headingId}\n                    role=\"presentation\"\n                    className=\"px-density-3 pb-1 pt-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\"\n                  >\n                    {group.heading}\n                  </div>\n                )}\n                {group.items.map((item) => {\n                  flatIndex += 1;\n                  const index = flatIndex;\n                  const active = index === activeIndex;\n                  return (\n                    <div\n                      key={item.id}\n                      id={optionId(item)}\n                      role=\"option\"\n                      aria-selected={active}\n                      aria-disabled={item.disabled || undefined}\n                      // onMouseMove, not onMouseEnter: keyboard navigation\n                      // scrolls rows under a stationary cursor, and mouseenter\n                      // would yank the highlight back to wherever it sits.\n                      onMouseMove={() => {\n                        if (!item.disabled) onHover(index);\n                      }}\n                      onClick={() => {\n                        if (!item.disabled) onActivate(item);\n                      }}\n                      className={cn(\n                        \"mx-density-1 flex cursor-pointer items-center gap-density-2 rounded-md px-density-2 py-1.5 text-sm\",\n                        active && \"bg-accent text-accent-foreground\",\n                        item.disabled && \"cursor-not-allowed opacity-50\",\n                      )}\n                    >\n                      {item.icon !== undefined && (\n                        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground\">\n                          <Icon\n                            {...(typeof item.icon === \"string\"\n                              ? { name: item.icon }\n                              : { icon: item.icon })}\n                          />\n                        </span>\n                      )}\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {item.label}\n                        {item.description && (\n                          <span className=\"ml-density-2 text-xs text-muted-foreground\">\n                            {item.description}\n                          </span>\n                        )}\n                      </span>\n                      {item.trailing}\n                      {item.shortcut && (\n                        <kbd className=\"shrink-0 rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground\">\n                          {item.shortcut}\n                        </kbd>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs","cn","Icon"],"mappings":";;;;;;AAyBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAG1B,MAAI,YAAY;AAEhB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,cAAA;AAAA,MAEnB,UAAA,yCACE,OAAA,EAAI,WAAU,2DAA0D,UAAA,aAAA,CAAU,IACjF,MAAM,WAAW,mCAClB,OAAA,EAAI,WAAU,uEACZ,UAAA,cAAc,aAAA,CACjB,IAEA,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,YAAY,GAAG,MAAM,UAAU,MAAM,EAAE;AAC7C,eACEA,2BAAAA,IAACC,MAAAA,UAAA,EACC,UAAAC,2BAAAA,KAAC,OAAA,EAAI,MAAK,SAAQ,mBAAiB,MAAM,UAAU,YAAY,QAC5D,UAAA;AAAA,UAAA,MAAM,WACLF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGV,MAAM,MAAM,IAAI,CAAC,SAAS;AACzB,yBAAa;AACb,kBAAM,QAAQ;AACd,kBAAM,SAAS,UAAU;AACzB,mBACEE,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,IAAI,SAAS,IAAI;AAAA,gBACjB,MAAK;AAAA,gBACL,iBAAe;AAAA,gBACf,iBAAe,KAAK,YAAY;AAAA,gBAIhC,aAAa,MAAM;AACjB,sBAAI,CAAC,KAAK,SAAU,SAAQ,KAAK;AAAA,gBACnC;AAAA,gBACA,SAAS,MAAM;AACb,sBAAI,CAAC,KAAK,SAAU,YAAW,IAAI;AAAA,gBACrC;AAAA,gBACA,WAAWC,MAAAA;AAAAA,kBACT;AAAA,kBACA,UAAU;AAAA,kBACV,KAAK,YAAY;AAAA,gBAAA;AAAA,gBAGlB,UAAA;AAAA,kBAAA,KAAK,SAAS,UACbH,2BAAAA,IAAC,QAAA,EAAK,WAAU,2EACd,UAAAA,2BAAAA;AAAAA,oBAACI,KAAAA;AAAAA,oBAAA;AAAA,sBACE,GAAI,OAAO,KAAK,SAAS,WACtB,EAAE,MAAM,KAAK,KAAA,IACb,EAAE,MAAM,KAAK,KAAA;AAAA,oBAAK;AAAA,kBAAA,GAE1B;AAAA,kBAEFF,2BAAAA,KAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,oBAAA,KAAK;AAAA,oBACL,KAAK,eACJF,2BAAAA,IAAC,UAAK,WAAU,8CACb,eAAK,YAAA,CACR;AAAA,kBAAA,GAEJ;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK,YACJA,2BAAAA,IAAC,SAAI,WAAU,4GACZ,eAAK,SAAA,CACR;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzCG,KAAK;AAAA,YAAA;AAAA,UA6ChB,CAAC;AAAA,QAAA,GACH,EAAA,GA/Da,MAAM,EAgErB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAIT;;"}
+{"version":3,"file":"CommandPaletteList.cjs","sources":["../../src/overlay/CommandPaletteList.tsx"],"sourcesContent":["import { Fragment, type RefObject } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport type { CommandGroup, CommandItem } from \"./CommandPalette.model\";\n\nexport type CommandPaletteListProps = {\n  groups: CommandGroup[];\n  /** Flattened rows, in render order — index space for `activeIndex`. */\n  items: CommandItem[];\n  activeIndex: number;\n  listId: string;\n  optionId: (item: CommandItem) => string;\n  onActivate: (item: CommandItem) => void;\n  onHover: (index: number) => void;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading?: boolean | undefined;\n  emptyState?: React.ReactNode;\n  listMaxHeight: string | number;\n};\n\n/**\n * The palette's grouped listbox. Headings are `role=\"presentation\"` so the\n * option index space stays contiguous — the same trick Combobox uses to scroll\n * by `[role=\"option\"]` index.\n */\nexport function CommandPaletteList({\n  groups,\n  items,\n  activeIndex,\n  listId,\n  optionId,\n  onActivate,\n  onHover,\n  listRef,\n  loading,\n  emptyState,\n  listMaxHeight,\n}: CommandPaletteListProps) {\n  // A flat cursor walked alongside the nested render so each row knows its index\n  // in the flattened list without a lookup.\n  let flatIndex = -1;\n\n  return (\n    <div\n      ref={listRef}\n      id={listId}\n      role=\"listbox\"\n      aria-label=\"Commands\"\n      className=\"overflow-y-auto overscroll-contain py-density-1\"\n      style={{ maxHeight: listMaxHeight }}\n    >\n      {loading ? (\n        <div className=\"px-density-3 py-density-3 text-sm text-muted-foreground\">Searching…</div>\n      ) : items.length === 0 ? (\n        <div className=\"px-density-3 py-density-4 text-center text-sm text-muted-foreground\">\n          {emptyState ?? \"No results\"}\n        </div>\n      ) : (\n        groups.map((group) => {\n          const headingId = `${listId}-group-${group.id}`;\n          return (\n            <Fragment key={group.id}>\n              <div role=\"group\" aria-labelledby={group.heading ? headingId : undefined}>\n                {group.heading && (\n                  <div\n                    id={headingId}\n                    role=\"presentation\"\n                    className=\"px-density-3 pb-1 pt-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\"\n                  >\n                    {group.heading}\n                  </div>\n                )}\n                {group.items.map((item) => {\n                  flatIndex += 1;\n                  const index = flatIndex;\n                  const active = index === activeIndex;\n                  return (\n                    <div\n                      key={item.id}\n                      id={optionId(item)}\n                      role=\"option\"\n                      aria-selected={active}\n                      aria-disabled={item.disabled || undefined}\n                      // onMouseMove, not onMouseEnter: keyboard navigation\n                      // scrolls rows under a stationary cursor, and mouseenter\n                      // would yank the highlight back to wherever it sits.\n                      onMouseMove={() => {\n                        if (!item.disabled) onHover(index);\n                      }}\n                      onClick={() => {\n                        if (!item.disabled) onActivate(item);\n                      }}\n                      className={cn(\n                        \"mx-density-1 flex cursor-pointer items-center gap-density-2 rounded-md px-density-2 py-1.5 text-sm\",\n                        active && \"bg-accent text-accent-foreground\",\n                        item.disabled && \"cursor-not-allowed opacity-50\",\n                      )}\n                    >\n                      {item.icon !== undefined && (\n                        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground\">\n                          <Icon\n                            {...(typeof item.icon === \"string\"\n                              ? { name: item.icon }\n                              : { icon: item.icon })}\n                          />\n                        </span>\n                      )}\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {item.label}\n                        {item.description && (\n                          <span className=\"ml-density-2 text-xs text-muted-foreground\">\n                            {item.description}\n                          </span>\n                        )}\n                      </span>\n                      {item.trailing}\n                      {item.shortcut && (\n                        <kbd className=\"shrink-0 rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground\">\n                          {item.shortcut}\n                        </kbd>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs","cn","Icon"],"mappings":";;;;;;AAyBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAG1B,MAAI,YAAY;AAEhB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,cAAA;AAAA,MAEnB,UAAA,yCACE,OAAA,EAAI,WAAU,2DAA0D,UAAA,aAAA,CAAU,IACjF,MAAM,WAAW,mCAClB,OAAA,EAAI,WAAU,uEACZ,UAAA,cAAc,aAAA,CACjB,IAEA,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,YAAY,GAAG,MAAM,UAAU,MAAM,EAAE;AAC7C,eACEA,2BAAAA,IAACC,MAAAA,UAAA,EACC,UAAAC,2BAAAA,KAAC,OAAA,EAAI,MAAK,SAAQ,mBAAiB,MAAM,UAAU,YAAY,QAC5D,UAAA;AAAA,UAAA,MAAM,WACLF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGV,MAAM,MAAM,IAAI,CAAC,SAAS;AACzB,yBAAa;AACb,kBAAM,QAAQ;AACd,kBAAM,SAAS,UAAU;AACzB,mBACEE,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,IAAI,SAAS,IAAI;AAAA,gBACjB,MAAK;AAAA,gBACL,iBAAe;AAAA,gBACf,iBAAe,KAAK,YAAY;AAAA,gBAIhC,aAAa,MAAM;AACjB,sBAAI,CAAC,KAAK,SAAU,SAAQ,KAAK;AAAA,gBACnC;AAAA,gBACA,SAAS,MAAM;AACb,sBAAI,CAAC,KAAK,SAAU,YAAW,IAAI;AAAA,gBACrC;AAAA,gBACA,WAAWC,MAAAA;AAAAA,kBACT;AAAA,kBACA,UAAU;AAAA,kBACV,KAAK,YAAY;AAAA,gBAAA;AAAA,gBAGlB,UAAA;AAAA,kBAAA,KAAK,SAAS,UACbH,2BAAAA,IAAC,QAAA,EAAK,WAAU,2EACd,UAAAA,2BAAAA;AAAAA,oBAACI,KAAAA;AAAAA,oBAAA;AAAA,sBACE,GAAI,OAAO,KAAK,SAAS,WACtB,EAAE,MAAM,KAAK,KAAA,IACb,EAAE,MAAM,KAAK,KAAA;AAAA,oBAAK;AAAA,kBAAA,GAE1B;AAAA,kBAEFF,2BAAAA,KAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,oBAAA,KAAK;AAAA,oBACL,KAAK,eACJF,2BAAAA,IAAC,UAAK,WAAU,8CACb,eAAK,YAAA,CACR;AAAA,kBAAA,GAEJ;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK,YACJA,2BAAAA,IAAC,SAAI,WAAU,4GACZ,eAAK,SAAA,CACR;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzCG,KAAK;AAAA,YAAA;AAAA,UA6ChB,CAAC;AAAA,QAAA,GACH,EAAA,GA/Da,MAAM,EAgErB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAIT;;"}

package/dist/overlay/CommandPaletteList.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { RefObject } from '../../../../node_modules/@types/react/index.d.ts';
 import { CommandGroup, CommandItem } from './CommandPalette.model';
 export type CommandPaletteListProps = {
     groups: CommandGroup[];
@@ -9,7 +9,7 @@ export type CommandPaletteListProps = {
     optionId: (item: CommandItem) => string;
     onActivate: (item: CommandItem) => void;
     onHover: (index: number) => void;
-    listRef: RefObject<HTMLDivElement>;
+    listRef: RefObject<HTMLDivElement | null>;
     loading?: boolean | undefined;
     emptyState?: React.ReactNode;
     listMaxHeight: string | number;
@@ -19,5 +19,5 @@ export type CommandPaletteListProps = {
  * option index space stays contiguous — the same trick Combobox uses to scroll
  * by `[role="option"]` index.
  */
-export declare function CommandPaletteList({ groups, items, activeIndex, listId, optionId, onActivate, onHover, listRef, loading, emptyState, listMaxHeight, }: CommandPaletteListProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPaletteList({ groups, items, activeIndex, listId, optionId, onActivate, onHover, listRef, loading, emptyState, listMaxHeight, }: CommandPaletteListProps): import("react").JSX.Element;
 //# sourceMappingURL=CommandPaletteList.d.ts.map

package/dist/overlay/CommandPaletteList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.d.ts","sourceRoot":"","sources":["../../src/overlay/CommandPaletteList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,uEAAuE;IACvE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,2CA8FzB"}
+{"version":3,"file":"CommandPaletteList.d.ts","sourceRoot":"","sources":["../../src/overlay/CommandPaletteList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,uEAAuE;IACvE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,+BA8FzB"}

package/dist/overlay/CommandPaletteList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.js","sources":["../../src/overlay/CommandPaletteList.tsx"],"sourcesContent":["import { Fragment, type RefObject } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport type { CommandGroup, CommandItem } from \"./CommandPalette.model\";\n\nexport type CommandPaletteListProps = {\n  groups: CommandGroup[];\n  /** Flattened rows, in render order — index space for `activeIndex`. */\n  items: CommandItem[];\n  activeIndex: number;\n  listId: string;\n  optionId: (item: CommandItem) => string;\n  onActivate: (item: CommandItem) => void;\n  onHover: (index: number) => void;\n  listRef: RefObject<HTMLDivElement>;\n  loading?: boolean | undefined;\n  emptyState?: React.ReactNode;\n  listMaxHeight: string | number;\n};\n\n/**\n * The palette's grouped listbox. Headings are `role=\"presentation\"` so the\n * option index space stays contiguous — the same trick Combobox uses to scroll\n * by `[role=\"option\"]` index.\n */\nexport function CommandPaletteList({\n  groups,\n  items,\n  activeIndex,\n  listId,\n  optionId,\n  onActivate,\n  onHover,\n  listRef,\n  loading,\n  emptyState,\n  listMaxHeight,\n}: CommandPaletteListProps) {\n  // A flat cursor walked alongside the nested render so each row knows its index\n  // in the flattened list without a lookup.\n  let flatIndex = -1;\n\n  return (\n    <div\n      ref={listRef}\n      id={listId}\n      role=\"listbox\"\n      aria-label=\"Commands\"\n      className=\"overflow-y-auto overscroll-contain py-density-1\"\n      style={{ maxHeight: listMaxHeight }}\n    >\n      {loading ? (\n        <div className=\"px-density-3 py-density-3 text-sm text-muted-foreground\">Searching…</div>\n      ) : items.length === 0 ? (\n        <div className=\"px-density-3 py-density-4 text-center text-sm text-muted-foreground\">\n          {emptyState ?? \"No results\"}\n        </div>\n      ) : (\n        groups.map((group) => {\n          const headingId = `${listId}-group-${group.id}`;\n          return (\n            <Fragment key={group.id}>\n              <div role=\"group\" aria-labelledby={group.heading ? headingId : undefined}>\n                {group.heading && (\n                  <div\n                    id={headingId}\n                    role=\"presentation\"\n                    className=\"px-density-3 pb-1 pt-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\"\n                  >\n                    {group.heading}\n                  </div>\n                )}\n                {group.items.map((item) => {\n                  flatIndex += 1;\n                  const index = flatIndex;\n                  const active = index === activeIndex;\n                  return (\n                    <div\n                      key={item.id}\n                      id={optionId(item)}\n                      role=\"option\"\n                      aria-selected={active}\n                      aria-disabled={item.disabled || undefined}\n                      // onMouseMove, not onMouseEnter: keyboard navigation\n                      // scrolls rows under a stationary cursor, and mouseenter\n                      // would yank the highlight back to wherever it sits.\n                      onMouseMove={() => {\n                        if (!item.disabled) onHover(index);\n                      }}\n                      onClick={() => {\n                        if (!item.disabled) onActivate(item);\n                      }}\n                      className={cn(\n                        \"mx-density-1 flex cursor-pointer items-center gap-density-2 rounded-md px-density-2 py-1.5 text-sm\",\n                        active && \"bg-accent text-accent-foreground\",\n                        item.disabled && \"cursor-not-allowed opacity-50\",\n                      )}\n                    >\n                      {item.icon !== undefined && (\n                        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground\">\n                          <Icon\n                            {...(typeof item.icon === \"string\"\n                              ? { name: item.icon }\n                              : { icon: item.icon })}\n                          />\n                        </span>\n                      )}\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {item.label}\n                        {item.description && (\n                          <span className=\"ml-density-2 text-xs text-muted-foreground\">\n                            {item.description}\n                          </span>\n                        )}\n                      </span>\n                      {item.trailing}\n                      {item.shortcut && (\n                        <kbd className=\"shrink-0 rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground\">\n                          {item.shortcut}\n                        </kbd>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAyBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAG1B,MAAI,YAAY;AAEhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,cAAA;AAAA,MAEnB,UAAA,8BACE,OAAA,EAAI,WAAU,2DAA0D,UAAA,aAAA,CAAU,IACjF,MAAM,WAAW,wBAClB,OAAA,EAAI,WAAU,uEACZ,UAAA,cAAc,aAAA,CACjB,IAEA,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,YAAY,GAAG,MAAM,UAAU,MAAM,EAAE;AAC7C,eACE,oBAAC,UAAA,EACC,UAAA,qBAAC,OAAA,EAAI,MAAK,SAAQ,mBAAiB,MAAM,UAAU,YAAY,QAC5D,UAAA;AAAA,UAAA,MAAM,WACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGV,MAAM,MAAM,IAAI,CAAC,SAAS;AACzB,yBAAa;AACb,kBAAM,QAAQ;AACd,kBAAM,SAAS,UAAU;AACzB,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,IAAI,SAAS,IAAI;AAAA,gBACjB,MAAK;AAAA,gBACL,iBAAe;AAAA,gBACf,iBAAe,KAAK,YAAY;AAAA,gBAIhC,aAAa,MAAM;AACjB,sBAAI,CAAC,KAAK,SAAU,SAAQ,KAAK;AAAA,gBACnC;AAAA,gBACA,SAAS,MAAM;AACb,sBAAI,CAAC,KAAK,SAAU,YAAW,IAAI;AAAA,gBACrC;AAAA,gBACA,WAAW;AAAA,kBACT;AAAA,kBACA,UAAU;AAAA,kBACV,KAAK,YAAY;AAAA,gBAAA;AAAA,gBAGlB,UAAA;AAAA,kBAAA,KAAK,SAAS,UACb,oBAAC,QAAA,EAAK,WAAU,2EACd,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACE,GAAI,OAAO,KAAK,SAAS,WACtB,EAAE,MAAM,KAAK,KAAA,IACb,EAAE,MAAM,KAAK,KAAA;AAAA,oBAAK;AAAA,kBAAA,GAE1B;AAAA,kBAEF,qBAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,oBAAA,KAAK;AAAA,oBACL,KAAK,eACJ,oBAAC,UAAK,WAAU,8CACb,eAAK,YAAA,CACR;AAAA,kBAAA,GAEJ;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK,YACJ,oBAAC,SAAI,WAAU,4GACZ,eAAK,SAAA,CACR;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzCG,KAAK;AAAA,YAAA;AAAA,UA6ChB,CAAC;AAAA,QAAA,GACH,EAAA,GA/Da,MAAM,EAgErB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAIT;"}
+{"version":3,"file":"CommandPaletteList.js","sources":["../../src/overlay/CommandPaletteList.tsx"],"sourcesContent":["import { Fragment, type RefObject } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport type { CommandGroup, CommandItem } from \"./CommandPalette.model\";\n\nexport type CommandPaletteListProps = {\n  groups: CommandGroup[];\n  /** Flattened rows, in render order — index space for `activeIndex`. */\n  items: CommandItem[];\n  activeIndex: number;\n  listId: string;\n  optionId: (item: CommandItem) => string;\n  onActivate: (item: CommandItem) => void;\n  onHover: (index: number) => void;\n  listRef: RefObject<HTMLDivElement | null>;\n  loading?: boolean | undefined;\n  emptyState?: React.ReactNode;\n  listMaxHeight: string | number;\n};\n\n/**\n * The palette's grouped listbox. Headings are `role=\"presentation\"` so the\n * option index space stays contiguous — the same trick Combobox uses to scroll\n * by `[role=\"option\"]` index.\n */\nexport function CommandPaletteList({\n  groups,\n  items,\n  activeIndex,\n  listId,\n  optionId,\n  onActivate,\n  onHover,\n  listRef,\n  loading,\n  emptyState,\n  listMaxHeight,\n}: CommandPaletteListProps) {\n  // A flat cursor walked alongside the nested render so each row knows its index\n  // in the flattened list without a lookup.\n  let flatIndex = -1;\n\n  return (\n    <div\n      ref={listRef}\n      id={listId}\n      role=\"listbox\"\n      aria-label=\"Commands\"\n      className=\"overflow-y-auto overscroll-contain py-density-1\"\n      style={{ maxHeight: listMaxHeight }}\n    >\n      {loading ? (\n        <div className=\"px-density-3 py-density-3 text-sm text-muted-foreground\">Searching…</div>\n      ) : items.length === 0 ? (\n        <div className=\"px-density-3 py-density-4 text-center text-sm text-muted-foreground\">\n          {emptyState ?? \"No results\"}\n        </div>\n      ) : (\n        groups.map((group) => {\n          const headingId = `${listId}-group-${group.id}`;\n          return (\n            <Fragment key={group.id}>\n              <div role=\"group\" aria-labelledby={group.heading ? headingId : undefined}>\n                {group.heading && (\n                  <div\n                    id={headingId}\n                    role=\"presentation\"\n                    className=\"px-density-3 pb-1 pt-density-2 text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\"\n                  >\n                    {group.heading}\n                  </div>\n                )}\n                {group.items.map((item) => {\n                  flatIndex += 1;\n                  const index = flatIndex;\n                  const active = index === activeIndex;\n                  return (\n                    <div\n                      key={item.id}\n                      id={optionId(item)}\n                      role=\"option\"\n                      aria-selected={active}\n                      aria-disabled={item.disabled || undefined}\n                      // onMouseMove, not onMouseEnter: keyboard navigation\n                      // scrolls rows under a stationary cursor, and mouseenter\n                      // would yank the highlight back to wherever it sits.\n                      onMouseMove={() => {\n                        if (!item.disabled) onHover(index);\n                      }}\n                      onClick={() => {\n                        if (!item.disabled) onActivate(item);\n                      }}\n                      className={cn(\n                        \"mx-density-1 flex cursor-pointer items-center gap-density-2 rounded-md px-density-2 py-1.5 text-sm\",\n                        active && \"bg-accent text-accent-foreground\",\n                        item.disabled && \"cursor-not-allowed opacity-50\",\n                      )}\n                    >\n                      {item.icon !== undefined && (\n                        <span className=\"flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground\">\n                          <Icon\n                            {...(typeof item.icon === \"string\"\n                              ? { name: item.icon }\n                              : { icon: item.icon })}\n                          />\n                        </span>\n                      )}\n                      <span className=\"min-w-0 flex-1 truncate\">\n                        {item.label}\n                        {item.description && (\n                          <span className=\"ml-density-2 text-xs text-muted-foreground\">\n                            {item.description}\n                          </span>\n                        )}\n                      </span>\n                      {item.trailing}\n                      {item.shortcut && (\n                        <kbd className=\"shrink-0 rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground\">\n                          {item.shortcut}\n                        </kbd>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            </Fragment>\n          );\n        })\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAyBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAG1B,MAAI,YAAY;AAEhB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,cAAA;AAAA,MAEnB,UAAA,8BACE,OAAA,EAAI,WAAU,2DAA0D,UAAA,aAAA,CAAU,IACjF,MAAM,WAAW,wBAClB,OAAA,EAAI,WAAU,uEACZ,UAAA,cAAc,aAAA,CACjB,IAEA,OAAO,IAAI,CAAC,UAAU;AACpB,cAAM,YAAY,GAAG,MAAM,UAAU,MAAM,EAAE;AAC7C,eACE,oBAAC,UAAA,EACC,UAAA,qBAAC,OAAA,EAAI,MAAK,SAAQ,mBAAiB,MAAM,UAAU,YAAY,QAC5D,UAAA;AAAA,UAAA,MAAM,WACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cAET,UAAA,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGV,MAAM,MAAM,IAAI,CAAC,SAAS;AACzB,yBAAa;AACb,kBAAM,QAAQ;AACd,kBAAM,SAAS,UAAU;AACzB,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,IAAI,SAAS,IAAI;AAAA,gBACjB,MAAK;AAAA,gBACL,iBAAe;AAAA,gBACf,iBAAe,KAAK,YAAY;AAAA,gBAIhC,aAAa,MAAM;AACjB,sBAAI,CAAC,KAAK,SAAU,SAAQ,KAAK;AAAA,gBACnC;AAAA,gBACA,SAAS,MAAM;AACb,sBAAI,CAAC,KAAK,SAAU,YAAW,IAAI;AAAA,gBACrC;AAAA,gBACA,WAAW;AAAA,kBACT;AAAA,kBACA,UAAU;AAAA,kBACV,KAAK,YAAY;AAAA,gBAAA;AAAA,gBAGlB,UAAA;AAAA,kBAAA,KAAK,SAAS,UACb,oBAAC,QAAA,EAAK,WAAU,2EACd,UAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACE,GAAI,OAAO,KAAK,SAAS,WACtB,EAAE,MAAM,KAAK,KAAA,IACb,EAAE,MAAM,KAAK,KAAA;AAAA,oBAAK;AAAA,kBAAA,GAE1B;AAAA,kBAEF,qBAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,oBAAA,KAAK;AAAA,oBACL,KAAK,eACJ,oBAAC,UAAK,WAAU,8CACb,eAAK,YAAA,CACR;AAAA,kBAAA,GAEJ;AAAA,kBACC,KAAK;AAAA,kBACL,KAAK,YACJ,oBAAC,SAAI,WAAU,4GACZ,eAAK,SAAA,CACR;AAAA,gBAAA;AAAA,cAAA;AAAA,cAzCG,KAAK;AAAA,YAAA;AAAA,UA6ChB,CAAC;AAAA,QAAA,GACH,EAAA,GA/Da,MAAM,EAgErB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/overlay/CommandPaletteTrigger.d.ts

@@ -18,5 +18,5 @@ export type CommandPaletteTriggerProps = {
  * screen readers as a searchbox that does not search, and typing into it does
  * nothing.
  */
-export declare function CommandPaletteTrigger({ onClick, open, label, hotkey, className, }: CommandPaletteTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPaletteTrigger({ onClick, open, label, hotkey, className, }: CommandPaletteTriggerProps): import("react").JSX.Element;
 //# sourceMappingURL=CommandPaletteTrigger.d.ts.map

package/dist/overlay/CommandPaletteTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteTrigger.d.ts","sourceRoot":"","sources":["../../src/overlay/CommandPaletteTrigger.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,0BAA0B,GAAG;IACvC,yBAAyB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,MAAgB,EAChB,SAAS,GACV,EAAE,0BAA0B,2CAsB5B"}
+{"version":3,"file":"CommandPaletteTrigger.d.ts","sourceRoot":"","sources":["../../src/overlay/CommandPaletteTrigger.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,0BAA0B,GAAG;IACvC,yBAAyB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,MAAgB,EAChB,SAAS,GACV,EAAE,0BAA0B,+BAsB5B"}

package/dist/overlay/ContextMenu.d.ts

@@ -4,5 +4,5 @@ export type ContextMenuProps = {
     menuLabel: string;
     menuItems: DropdownMenuItem[];
 };
-export declare function ContextMenu(props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element;
 //# sourceMappingURL=ContextMenu.d.ts.map

package/dist/overlay/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/overlay/ContextMenu.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC;AAwJF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/overlay/ContextMenu.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC;AAwJF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAMlD"}

package/dist/overlay/DropdownMenu.cjs

@@ -64,15 +64,13 @@ function DropdownMenuRoot({
     onNavigate: setActiveIndex,
     loop: true
   });
-  const { getReferenceProps, getFloatingProps, getItemProps } = react.useInteractions([
-    click,
-    dismiss,
-    role,
-    listNav
-  ]);
+  const { getReferenceProps, getFloatingProps, getItemProps } = react.useInteractions(
+    [click, dismiss, role, listNav]
+  );
   const closeMenu = () => {
     setOpen(false);
-    if (refs.domReference.current instanceof HTMLElement) refs.domReference.current.focus();
+    if (refs.domReference.current instanceof HTMLElement)
+      refs.domReference.current.focus();
   };
   modalStack.useEscapeLayer(open, closeMenu);
   const closeMenuRef = react$1.useRef(closeMenu);
@@ -105,41 +103,54 @@ function DropdownMenuRoot({
         "aria-expanded": open,
         ...getReferenceProps(),
         children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { ...typeof icon === "string" ? { name: icon } : { icon } }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx(
+            Icon.Icon,
+            {
+              ...typeof icon === "string" ? { name: icon } : { icon }
+            }
+          ),
           label,
           !hideChevron && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context, modal: false, closeOnFocusOut: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
+    open && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      react.FloatingFocusManager,
       {
-        ref: refs.setFloating,
-        role: "menu",
-        "aria-label": menuLabel,
-        style: { ...floatingStyles, zIndex: floatingZ },
-        className: utils.cn(dropdownMenuContext.MENU_POPOVER_CLASS, menuClassName),
-        ...getFloatingProps(),
-        children: [
-          header != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-3 py-1.5", children: header }),
-          children ? children(closeMenu) : /* @__PURE__ */ jsxRuntime.jsx(
-            dropdownMenuContext.MenuContext.Provider,
-            {
-              value: {
-                getItemProps,
-                activeIndex,
-                setActiveIndex,
-                setHasFocusInside: () => {
-                },
-                isOpen: open
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, { elementsRef, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubmenu.MenuItemList, { items: items ?? [] }) })
-            }
-          ),
-          footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-3 py-1.5", children: footer })
-        ]
+        context,
+        modal: false,
+        closeOnFocusOut: false,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: refs.setFloating,
+            ...getFloatingProps(),
+            role: "menu",
+            "aria-label": menuLabel,
+            style: { ...floatingStyles, zIndex: floatingZ },
+            className: utils.cn(dropdownMenuContext.MENU_POPOVER_CLASS, menuClassName),
+            children: [
+              header != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border px-3 py-1.5", children: header }),
+              children ? children(closeMenu) : /* @__PURE__ */ jsxRuntime.jsx(
+                dropdownMenuContext.MenuContext.Provider,
+                {
+                  value: {
+                    getItemProps,
+                    activeIndex,
+                    setActiveIndex,
+                    setHasFocusInside: () => {
+                    },
+                    isOpen: open
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, { elementsRef, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubmenu.MenuItemList, { items: items ?? [] }) })
+                }
+              ),
+              footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-3 py-1.5", children: footer })
+            ]
+          }
+        )
       }
-    ) }) })
+    ) })
   ] }) });
 }
 exports.DropdownMenu = DropdownMenu;