✨

apps/www/public/registry/styles/default/editor.json

@@ -0,0 +1,12 @@
+{
+  "name": "editor",
+  "dependencies": [],
+  "registryDependencies": [],
+  "files": [
+    {
+      "name": "editor.tsx",
+      "content": "import React from 'react';\nimport { PlateContent } from '@udecode/plate-common';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nimport type { PlateContentProps } from '@udecode/plate-common';\nimport type { VariantProps } from 'class-variance-authority';\n\nconst editorVariants = cva(\n  cn(\n    'relative whitespace-pre-wrap break-words',\n    'min-h-[80px] w-full rounded-md bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n    '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',\n    '[&_[data-slate-placeholder]]:top-[auto_!important]',\n    '[&_strong]:font-bold'\n  ),\n  {\n    variants: {\n      variant: {\n        outline: 'border border-input',\n        ghost: '',\n      },\n      focused: {\n        true: 'ring-2 ring-ring ring-offset-2',\n      },\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n    },\n  }\n);\n\nexport type EditorProps = PlateContentProps &\n  VariantProps<typeof editorVariants>;\n\nconst Editor = React.forwardRef<HTMLDivElement, EditorProps>(\n  ({ variant, disabled, focused, readOnly, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className=\"relative w-full\">\n        <PlateContent\n          className={cn(\n            editorVariants({ variant, focused, disabled }),\n            className\n          )}\n          disableDefaultStyles\n          readOnly={disabled ?? readOnly}\n          aria-disabled={disabled}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nEditor.displayName = 'Editor';\n\nexport { Editor };\n"
+    }
+  ],
+  "type": "components:plate-ui"
+}