{
  "name": "lit-ui-drop-indicator",
  "title": "lit-ui-drop-indicator",
  "type": "registry:component",
  "description": "",
  "registryDependencies": [
    "https://unpkg.com/prosekit-registry/dist/r/lit-ui-editor-context.json"
  ],
  "dependencies": [
    "@lit/context",
    "prosekit@^0.22.0"
  ],
  "files": [
    {
      "path": "registry/src/lit/ui/drop-indicator/drop-indicator.ts",
      "type": "registry:component",
      "target": "components/editor/ui/drop-indicator/drop-indicator.ts",
      "content": "import { ContextConsumer } from '@lit/context'\nimport { html, LitElement } from 'lit'\nimport { registerDropIndicatorElement } from 'prosekit/lit/drop-indicator'\n\nimport { editorContext } from '../editor-context.ts'\n\nclass LitDropIndicator extends LitElement {\n  private _editorConsumer = new ContextConsumer(this, {\n    context: editorContext,\n    subscribe: true,\n  })\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.classList.add('contents')\n  }\n\n  override createRenderRoot() {\n    return this\n  }\n\n  override render() {\n    return html`<prosekit-drop-indicator\n      .editor=${this._editorConsumer.value ?? null}\n      class=\"z-50 transition-all bg-blue-500\"\n    ></prosekit-drop-indicator>`\n  }\n}\n\nexport function registerLitEditorDropIndicator() {\n  registerDropIndicatorElement()\n\n  if (customElements.get('lit-editor-drop-indicator')) return\n  customElements.define('lit-editor-drop-indicator', LitDropIndicator)\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lit-editor-drop-indicator': LitDropIndicator\n  }\n}\n"
    },
    {
      "path": "registry/src/lit/ui/drop-indicator/index.ts",
      "type": "registry:component",
      "target": "components/editor/ui/drop-indicator/index.ts",
      "content": "export { registerLitEditorDropIndicator } from './drop-indicator.ts'\n"
    }
  ],
  "meta": {
    "hasIcons": false,
    "hidden": false,
    "story": "",
    "framework": "lit",
    "accumulatedFiles": [
      "registry/src/lit/ui/drop-indicator/drop-indicator.ts",
      "registry/src/lit/ui/drop-indicator/index.ts",
      "registry/src/lit/ui/editor-context.ts"
    ],
    "internalDependencies": [
      "lit-ui-editor-context"
    ]
  },
  "$schema": "https://ui.shadcn.com/schema/registry-item.json"
}