@ixo/editor 0.2.0

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@ixo/editor",
+  "version": "0.2.0",
+  "description": "A custom BlockNote editor wrapper for IXO team",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "style.css",
+    "style.css.d.ts",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./style.css"
+  },
+  "keywords": [
+    "editor",
+    "blocknote",
+    "react",
+    "ixo",
+    "rich-text"
+  ],
+  "author": "IXO Team",
+  "license": "MIT",
+  "private": false,
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@blocknote/core": "^0.15.0",
+    "@blocknote/react": "^0.15.0",
+    "@blocknote/shadcn": "^0.15.0",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "ixo-matrix-crdt": "github:ixoworld/ixo-matrix-crdt#main",
+    "lucide-react": "^0.542.0",
+    "matrix-js-sdk": "^38.0.0",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.3.7",
+    "yjs": "^13.6.27"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.0",
+    "typescript": "^5.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ixofoundation/ixo-editor.git"
+  },
+  "homepage": "https://github.com/ixofoundation/ixo-editor#readme",
+  "bugs": {
+    "url": "https://github.com/ixofoundation/ixo-editor/issues"
+  },
+  "scripts": {
+    "build": "tsc && npm run copy-css",
+    "copy-css": "node scripts/build-css.js",
+    "build:watch": "tsc --watch",
+    "dev": "tsc --watch",
+    "clean": "rimraf dist style.css",
+    "type-check": "tsc --noEmit",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/style.css

@@ -0,0 +1,246 @@
+.bn-shadcn *,.bn-shadcn :before,.bn-shadcn :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.bn-shadcn :before,.bn-shadcn :after{--tw-content: ""}.bn-shadcn html,.bn-shadcn :host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.bn-shadcn body{margin:0;line-height:inherit}.bn-shadcn hr{height:0;color:inherit;border-top-width:1px}.bn-shadcn abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.bn-shadcn h1,.bn-shadcn h2,.bn-shadcn h3,.bn-shadcn h4,.bn-shadcn h5,.bn-shadcn h6{font-size:inherit;font-weight:inherit}.bn-shadcn a{color:inherit;text-decoration:inherit}.bn-shadcn b,.bn-shadcn strong{font-weight:bolder}.bn-shadcn code,.bn-shadcn kbd,.bn-shadcn samp,.bn-shadcn pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.bn-shadcn small{font-size:80%}.bn-shadcn sub,.bn-shadcn sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.bn-shadcn sub{bottom:-.25em}.bn-shadcn sup{top:-.5em}.bn-shadcn table{text-indent:0;border-color:inherit;border-collapse:collapse}.bn-shadcn button,.bn-shadcn input,.bn-shadcn optgroup,.bn-shadcn select,.bn-shadcn textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.bn-shadcn button,.bn-shadcn select{text-transform:none}.bn-shadcn button,.bn-shadcn input:where([type=button]),.bn-shadcn input:where([type=reset]),.bn-shadcn input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.bn-shadcn :-moz-focusring{outline:auto}.bn-shadcn :-moz-ui-invalid{box-shadow:none}.bn-shadcn progress{vertical-align:baseline}.bn-shadcn ::-webkit-inner-spin-button,.bn-shadcn ::-webkit-outer-spin-button{height:auto}.bn-shadcn [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.bn-shadcn ::-webkit-search-decoration{-webkit-appearance:none}.bn-shadcn ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.bn-shadcn summary{display:list-item}.bn-shadcn blockquote,.bn-shadcn dl,.bn-shadcn dd,.bn-shadcn h1,.bn-shadcn h2,.bn-shadcn h3,.bn-shadcn h4,.bn-shadcn h5,.bn-shadcn h6,.bn-shadcn hr,.bn-shadcn figure,.bn-shadcn p,.bn-shadcn pre{margin:0}.bn-shadcn fieldset{margin:0;padding:0}.bn-shadcn legend{padding:0}.bn-shadcn ol,.bn-shadcn ul,.bn-shadcn menu{list-style:none;margin:0;padding:0}.bn-shadcn dialog{padding:0}.bn-shadcn textarea{resize:vertical}.bn-shadcn input::-moz-placeholder,.bn-shadcn textarea::-moz-placeholder{opacity:1;color:#9ca3af}.bn-shadcn input::placeholder,.bn-shadcn textarea::placeholder{opacity:1;color:#9ca3af}.bn-shadcn button,.bn-shadcn [role=button]{cursor:pointer}.bn-shadcn :disabled{cursor:default}.bn-shadcn img,.bn-shadcn svg,.bn-shadcn video,.bn-shadcn canvas,.bn-shadcn audio,.bn-shadcn iframe,.bn-shadcn embed,.bn-shadcn object{display:block;vertical-align:middle}.bn-shadcn img,.bn-shadcn video{max-width:100%;height:auto}.bn-shadcn [hidden]{display:none}.bn-block-outer{line-height:1.5;transition:margin .2s}.bn-block{display:flex;flex-direction:column}.bn-block-content{display:flex;padding:3px 0;transition:font-size .2s;width:100%}.bn-block-content:before{transition:all .2s}.bn-block-content.ProseMirror-selectednode>*,.ProseMirror-selectednode>.bn-block-content>*{border-radius:4px;outline:4px solid rgb(100,160,255)}.bn-block-group .bn-block-group{margin-left:1.5em}.bn-block-group .bn-block-group>.bn-block-outer{position:relative}.bn-block-group .bn-block-group>.bn-block-outer:not([data-prev-depth-changed]):before{content:" ";display:inline;position:absolute;left:-20px;height:100%;transition:all .2s .1s}.bn-block-group .bn-block-group>.bn-block-outer[data-prev-depth-change="-2"]:before{height:0}.bn-inline-content code{font-family:monospace}[data-prev-depth-change="1"]{--x: 1}[data-prev-depth-change="2"]{--x: 2}[data-prev-depth-change="3"]{--x: 3}[data-prev-depth-change="4"]{--x: 4}[data-prev-depth-change="5"]{--x: 5}[data-prev-depth-change="-1"]{--x: -1}[data-prev-depth-change="-2"]{--x: -2}[data-prev-depth-change="-3"]{--x: -3}[data-prev-depth-change="-4"]{--x: -4}[data-prev-depth-change="-5"]{--x: -5}.bn-block-outer[data-prev-depth-change]{margin-left:calc(10px * var(--x))}.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change]{margin-left:0}[data-level="1"]{--level: 3em}[data-level="2"]{--level: 2em}[data-level="3"]{--level: 1.3em}[data-prev-level="1"]{--prev-level: 3em}[data-prev-level="2"]{--prev-level: 2em}[data-prev-level="3"]{--prev-level: 1.3em}.bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:700}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading]{font-size:var(--level);font-weight:700}.bn-block-content:before{margin-right:0;content:""}.bn-block-content[data-content-type=numberedListItem]{display:flex;gap:.5em}[data-content-type=numberedListItem]{--index: attr(data-index)}[data-prev-type=numberedListItem]{--prev-index: attr(data-prev-index)}.bn-block-outer[data-prev-type=numberedListItem]:not([data-prev-index=none])>.bn-block>.bn-block-content:before{content:var(--prev-index) "."}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) "."}.bn-block-content[data-content-type=bulletListItem]{display:flex;gap:.5em}.bn-block-content[data-content-type=checkListItem]>div{display:flex}.bn-block-content[data-content-type=checkListItem]>div>div>input{margin:0;margin-inline-end:.5em;cursor:pointer}.bn-block-content[data-content-type=checkListItem][data-checked=true] .bn-inline-content{text-decoration:line-through}.bn-block-content[data-text-alignment=center]{justify-content:center}.bn-block-content[data-text-alignment=right]{justify-content:flex-end}.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"•"}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"•"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"◦"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer[data-prev-type=bulletListItem]>.bn-block>.bn-block-content:before{content:"▪"}[data-content-type=bulletListItem]~.bn-block-group [data-content-type=bulletListItem]~.bn-block-group>.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=bulletListItem]:before{content:"▪"}[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-default-preview){width:100%}[data-file-block] .bn-file-block-content-wrapper{cursor:pointer;display:flex;flex-direction:column;justify-content:stretch;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-file-block] .bn-add-file-button{align-items:center;background-color:#f2f1ee;border-radius:4px;color:#7d797a;display:flex;flex-direction:row;gap:10px;padding:12px;width:100%}.bn-editor[contenteditable=true] [data-file-block] .bn-add-file-button:hover{background-color:#e1e1e1}[data-file-block] .bn-add-file-button-icon{width:24px;height:24px}[data-file-block] .bn-add-file-button .bn-add-file-button-text{font-size:.9rem}[data-file-block] .bn-file-and-caption-wrapper{display:flex;flex-direction:column;border-radius:4px}[data-file-block] .bn-file-default-preview{align-items:center;border-radius:4px;display:flex;flex-direction:row;gap:4px;padding:4px;width:100%}[data-file-block] .bn-file-default-preview:hover,.ProseMirror-selectednode .bn-file-default-preview{background-color:#e1e1e1}[data-file-block] .bn-file-default-preview-icon{width:24px;height:24px}[data-file-block] .bn-visual-media-wrapper{display:flex;flex-direction:row;align-items:center;position:relative;width:-moz-fit-content;width:fit-content}[data-file-block] .bn-visual-media{border-radius:4px;max-width:100%}[data-file-block] .bn-visual-media-resize-handle{position:absolute;width:8px;height:30px;background-color:#000;border:1px solid white;border-radius:4px;cursor:ew-resize}[data-content-type=audio]>.bn-file-block-content-wrapper,.bn-audio{width:100%}[data-file-block] .bn-file-caption{font-size:.8em;padding-block:4px}[data-file-block] .bn-file-caption:empty{padding-block:0}.bn-inline-content:has(>.ProseMirror-trailingBreak:only-child):before{pointer-events:none;height:0;position:absolute;font-style:italic}[data-text-color=gray]{color:#9b9a97}[data-text-color=brown]{color:#64473a}[data-text-color=red]{color:#e03e3e}[data-text-color=orange]{color:#d9730d}[data-text-color=yellow]{color:#dfab01}[data-text-color=green]{color:#4d6461}[data-text-color=blue]{color:#0b6e99}[data-text-color=purple]{color:#6940a5}[data-text-color=pink]{color:#ad1a72}[data-background-color=gray]{background-color:#ebeced}[data-background-color=brown]{background-color:#e9e5e3}[data-background-color=red]{background-color:#fbe4e4}[data-background-color=orange]{background-color:#faebdd}[data-background-color=yellow]{background-color:#fbf3db}[data-background-color=green]{background-color:#ddedea}[data-background-color=blue]{background-color:#ddebf1}[data-background-color=purple]{background-color:#eae4f2}[data-background-color=pink]{background-color:#f4dfeb}[data-text-alignment=left]{justify-content:flex-start;text-align:left}[data-text-alignment=center]{justify-content:center;text-align:center}[data-text-alignment=right]{justify-content:flex-end;text-align:right}[data-text-alignment=justify]{justify-content:flex-start;text-align:justify}.ProseMirror .tableWrapper{overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;position:relative}.ProseMirror .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:#adf;pointer-events:none}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#c8c8ff66;pointer-events:none}.bn-editor{outline:none;padding-inline:54px;--N800: #172b4d;--N40: #dfe1e6}.bn-root{box-sizing:border-box}.bn-root *,.bn-root *:before,.bn-root *:after{box-sizing:inherit}.bn-default-styles p,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles li{margin:0;padding:0;font-size:inherit;min-width:2px!important}.bn-default-styles{font-size:16px;font-weight:400;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Open Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bn-table-drop-cursor{position:absolute;z-index:20;background-color:#adf;pointer-events:none}.bn-drag-preview{position:absolute;top:0;left:0;padding:10px;opacity:.001}.collaboration-cursor__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal}.collaboration-cursor__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bn-editor table{width:auto!important}.bn-editor th,.bn-editor td{min-width:1em;border:1px solid #ddd;padding:3px 5px}.bn-editor .tableWrapper{margin:1em 0}.bn-editor th{font-weight:700;text-align:left}.bn-container{--bn-colors-editor-text: #3f3f3f;--bn-colors-editor-background: #ffffff;--bn-colors-menu-text: #3f3f3f;--bn-colors-menu-background: #ffffff;--bn-colors-tooltip-text: #3f3f3f;--bn-colors-tooltip-background: #efefef;--bn-colors-hovered-text: #3f3f3f;--bn-colors-hovered-background: #efefef;--bn-colors-selected-text: #ffffff;--bn-colors-selected-background: #3f3f3f;--bn-colors-disabled-text: #afafaf;--bn-colors-disabled-background: #efefef;--bn-colors-shadow: #cfcfcf;--bn-colors-border: #efefef;--bn-colors-side-menu: #cfcfcf;--bn-colors-highlights-gray-text: #9b9a97;--bn-colors-highlights-gray-background: #ebeced;--bn-colors-highlights-brown-text: #64473a;--bn-colors-highlights-brown-background: #e9e5e3;--bn-colors-highlights-red-text: #e03e3e;--bn-colors-highlights-red-background: #fbe4e4;--bn-colors-highlights-orange-text: #d9730d;--bn-colors-highlights-orange-background: #f6e9d9;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #fbf3db;--bn-colors-highlights-green-text: #4d6461;--bn-colors-highlights-green-background: #ddedea;--bn-colors-highlights-blue-text: #0b6e99;--bn-colors-highlights-blue-background: #ddebf1;--bn-colors-highlights-purple-text: #6940a5;--bn-colors-highlights-purple-background: #eae4f2;--bn-colors-highlights-pink-text: #ad1a72;--bn-colors-highlights-pink-background: #f4dfeb;--bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--bn-border-radius: 6px;--bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);--bn-shadow-light: 0 2px 6px var(--bn-colors-border);--bn-border: 1px solid var(--bn-colors-border);--bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);--bn-border-radius-medium: var(--bn-border-radius);--bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px)}.bn-container[data-color-scheme=dark]{--bn-colors-editor-text: #cfcfcf;--bn-colors-editor-background: #1f1f1f;--bn-colors-menu-text: #cfcfcf;--bn-colors-menu-background: #1f1f1f;--bn-colors-tooltip-text: #cfcfcf;--bn-colors-tooltip-background: #161616;--bn-colors-hovered-text: #cfcfcf;--bn-colors-hovered-background: #161616;--bn-colors-selected-text: #cfcfcf;--bn-colors-selected-background: #0f0f0f;--bn-colors-disabled-text: #3f3f3f;--bn-colors-disabled-background: #161616;--bn-colors-shadow: #0f0f0f;--bn-colors-border: #161616;--bn-colors-side-menu: #7f7f7f;--bn-colors-highlights-gray-text: #bebdb8;--bn-colors-highlights-gray-background: #9b9a97;--bn-colors-highlights-brown-text: #8e6552;--bn-colors-highlights-brown-background: #64473a;--bn-colors-highlights-red-text: #ec4040;--bn-colors-highlights-red-background: #be3434;--bn-colors-highlights-orange-text: #e3790d;--bn-colors-highlights-orange-background: #b7600a;--bn-colors-highlights-yellow-text: #dfab01;--bn-colors-highlights-yellow-background: #b58b00;--bn-colors-highlights-green-text: #6b8b87;--bn-colors-highlights-green-background: #4d6461;--bn-colors-highlights-blue-text: #0e87bc;--bn-colors-highlights-blue-background: #0b6e99;--bn-colors-highlights-purple-text: #8552d7;--bn-colors-highlights-purple-background: #6940a5;--bn-colors-highlights-pink-text: #da208f;--bn-colors-highlights-pink-background: #ad1a72}.bn-container{font-family:var(--bn-font-family)}.bn-editor{background-color:var(--bn-colors-editor-background);border-radius:var(--bn-border-radius-large);color:var(--bn-colors-editor-text)}.bn-react-node-view-renderer{display:flex;flex-direction:column;width:100%}.bn-block-group .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before{border-left:1px solid var(--bn-colors-side-menu)}.bn-inline-content:has(>.ProseMirror-trailingBreak):before{color:var(--bn-colors-side-menu)}.bn-container .bn-color-icon{align-items:center;border:var(--bn-border);border-radius:var(--bn-border-radius-small);display:flex;justify-content:center}.bn-error-text{color:red;font-size:12px}[data-text-color=gray]{color:var(--bn-colors-highlights-gray-text)}[data-text-color=brown]{color:var(--bn-colors-highlights-brown-text)}[data-text-color=red]{color:var(--bn-colors-highlights-red-text)}[data-text-color=orange]{color:var(--bn-colors-highlights-orange-text)}[data-text-color=yellow]{color:var(--bn-colors-highlights-yellow-text)}[data-text-color=green]{color:var(--bn-colors-highlights-green-text)}[data-text-color=blue]{color:var(--bn-colors-highlights-blue-text)}[data-text-color=purple]{color:var(--bn-colors-highlights-purple-text)}[data-text-color=pink]{color:var(--bn-colors-highlights-pink-text)}[data-background-color=gray]{background-color:var(--bn-colors-highlights-gray-background)}[data-background-color=brown]{background-color:var(--bn-colors-highlights-brown-background)}[data-background-color=red]{background-color:var(--bn-colors-highlights-red-background)}[data-background-color=orange]{background-color:var(--bn-colors-highlights-orange-background)}[data-background-color=yellow]{background-color:var(--bn-colors-highlights-yellow-background)}[data-background-color=green]{background-color:var(--bn-colors-highlights-green-background)}[data-background-color=blue]{background-color:var(--bn-colors-highlights-blue-background)}[data-background-color=purple]{background-color:var(--bn-colors-highlights-purple-background)}[data-background-color=pink]{background-color:var(--bn-colors-highlights-pink-background)}.bn-side-menu{height:30px}.bn-side-menu[data-block-type=heading][data-level="1"]{height:78px}.bn-side-menu[data-block-type=heading][data-level="2"]{height:54px}.bn-side-menu[data-block-type=heading][data-level="3"]{height:37px}.bn-side-menu[data-block-type=file]{height:38px}.bn-side-menu[data-block-type=audio]{height:60px}.bn-side-menu[data-url=false]{height:54px}.bn-container :is(.bn-absolute){position:absolute}.bn-container :is(.bn-relative){position:relative}.bn-container :is(.bn-left-2){left:.5rem}.bn-container :is(.bn-z-50){z-index:50}.bn-container :is(.bn--mx-1){margin-left:-.25rem;margin-right:-.25rem}.bn-container :is(.bn-my-1){margin-top:.25rem;margin-bottom:.25rem}.bn-container :is(.bn-ml-auto){margin-left:auto}.bn-container :is(.bn-mt-2){margin-top:.5rem}.bn-container :is(.bn-flex){display:flex}.bn-container :is(.bn-inline-flex){display:inline-flex}.bn-container :is(.bn-h-10){height:2.5rem}.bn-container :is(.bn-h-11){height:2.75rem}.bn-container :is(.bn-h-2){height:.5rem}.bn-container :is(.bn-h-3){height:.75rem}.bn-container :is(.bn-h-3\.5){height:.875rem}.bn-container :is(.bn-h-4){height:1rem}.bn-container :is(.bn-h-9){height:2.25rem}.bn-container :is(.bn-h-\[var\(--radix-select-trigger-height\)\]){height:var(--radix-select-trigger-height)}.bn-container :is(.bn-h-fit){height:-moz-fit-content;height:fit-content}.bn-container :is(.bn-h-px){height:1px}.bn-container :is(.bn-max-h-96){max-height:24rem}.bn-container :is(.bn-w-10){width:2.5rem}.bn-container :is(.bn-w-2){width:.5rem}.bn-container :is(.bn-w-3){width:.75rem}.bn-container :is(.bn-w-3\.5){width:.875rem}.bn-container :is(.bn-w-4){width:1rem}.bn-container :is(.bn-w-72){width:18rem}.bn-container :is(.bn-w-80){width:20rem}.bn-container :is(.bn-w-fit){width:-moz-fit-content;width:fit-content}.bn-container :is(.bn-w-full){width:100%}.bn-container :is(.bn-min-w-\[8rem\]){min-width:8rem}.bn-container :is(.bn-min-w-\[var\(--radix-select-trigger-width\)\]){min-width:var(--radix-select-trigger-width)}.bn-container :is(.bn-max-w-none){max-width:none}.bn-container :is(.bn-flex-1){flex:1 1 0%}.bn-container :is(.bn-cursor-default){cursor:default}.bn-container :is(.bn-cursor-pointer){cursor:pointer}.bn-container :is(.bn-select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}.bn-container :is(.bn-flex-col){flex-direction:column}.bn-container :is(.bn-items-start){align-items:flex-start}.bn-container :is(.bn-items-center){align-items:center}.bn-container :is(.bn-justify-center){justify-content:center}.bn-container :is(.bn-justify-between){justify-content:space-between}.bn-container :is(.bn-gap-1){gap:.25rem}.bn-container :is(.bn-gap-2){gap:.5rem}.bn-container :is(.bn-space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.bn-container :is(.bn-space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.bn-container :is(.bn-space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.bn-container :is(.bn-overflow-auto){overflow:auto}.bn-container :is(.bn-overflow-hidden){overflow:hidden}.bn-container :is(.bn-whitespace-nowrap){white-space:nowrap}.bn-container :is(.bn-rounded-full){border-radius:9999px}.bn-container :is(.bn-rounded-lg){border-radius:var(--radius)}.bn-container :is(.bn-rounded-md){border-radius:calc(var(--radius) - 2px)}.bn-container :is(.bn-rounded-sm){border-radius:calc(var(--radius) - 4px)}.bn-container :is(.bn-border){border-width:1px}.bn-container :is(.bn-border-none){border-style:none}.bn-container :is(.bn-border-input){border-color:hsl(var(--input))}.bn-container :is(.bn-border-transparent){border-color:transparent}.bn-container :is(.bn-bg-background){background-color:hsl(var(--background))}.bn-container :is(.bn-bg-card){background-color:hsl(var(--card))}.bn-container :is(.bn-bg-destructive){background-color:hsl(var(--destructive))}.bn-container :is(.bn-bg-muted){background-color:hsl(var(--muted))}.bn-container :is(.bn-bg-popover){background-color:hsl(var(--popover))}.bn-container :is(.bn-bg-primary){background-color:hsl(var(--primary))}.bn-container :is(.bn-bg-secondary){background-color:hsl(var(--secondary))}.bn-container :is(.bn-bg-transparent){background-color:transparent}.bn-container :is(.bn-fill-current){fill:currentColor}.bn-container :is(.bn-p-0){padding:0}.bn-container :is(.bn-p-1){padding:.25rem}.bn-container :is(.bn-p-2){padding:.5rem}.bn-container :is(.bn-p-3){padding:.75rem}.bn-container :is(.bn-p-4){padding:1rem}.bn-container :is(.bn-p-6){padding:1.5rem}.bn-container :is(.bn-px-2){padding-left:.5rem;padding-right:.5rem}.bn-container :is(.bn-px-2\.5){padding-left:.625rem;padding-right:.625rem}.bn-container :is(.bn-px-3){padding-left:.75rem;padding-right:.75rem}.bn-container :is(.bn-px-4){padding-left:1rem;padding-right:1rem}.bn-container :is(.bn-px-5){padding-left:1.25rem;padding-right:1.25rem}.bn-container :is(.bn-px-8){padding-left:2rem;padding-right:2rem}.bn-container :is(.bn-py-0){padding-top:0;padding-bottom:0}.bn-container :is(.bn-py-0\.5){padding-top:.125rem;padding-bottom:.125rem}.bn-container :is(.bn-py-1){padding-top:.25rem;padding-bottom:.25rem}.bn-container :is(.bn-py-1\.5){padding-top:.375rem;padding-bottom:.375rem}.bn-container :is(.bn-py-2){padding-top:.5rem;padding-bottom:.5rem}.bn-container :is(.bn-pl-8){padding-left:2rem}.bn-container :is(.bn-pr-2){padding-right:.5rem}.bn-container :is(.bn-pt-0){padding-top:0}.bn-container :is(.bn-text-2xl){font-size:1.5rem;line-height:2rem}.bn-container :is(.bn-text-base){font-size:1rem;line-height:1.5rem}.bn-container :is(.bn-text-sm){font-size:.875rem;line-height:1.25rem}.bn-container :is(.bn-text-xs){font-size:.75rem;line-height:1rem}.bn-container :is(.bn-font-medium){font-weight:500}.bn-container :is(.bn-font-semibold){font-weight:600}.bn-container :is(.bn-leading-none){line-height:1}.bn-container :is(.bn-tracking-tight){letter-spacing:-.025em}.bn-container :is(.bn-tracking-widest){letter-spacing:.1em}.bn-container :is(.bn-text-card-foreground){color:hsl(var(--card-foreground))}.bn-container :is(.bn-text-destructive){color:hsl(var(--destructive))}.bn-container :is(.bn-text-destructive-foreground){color:hsl(var(--destructive-foreground))}.bn-container :is(.bn-text-foreground){color:hsl(var(--foreground))}.bn-container :is(.bn-text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.bn-container :is(.bn-text-muted-foreground){color:hsl(var(--muted-foreground))}.bn-container :is(.bn-text-popover-foreground){color:hsl(var(--popover-foreground))}.bn-container :is(.bn-text-primary){color:hsl(var(--primary))}.bn-container :is(.bn-text-primary-foreground){color:hsl(var(--primary-foreground))}.bn-container :is(.bn-text-secondary-foreground){color:hsl(var(--secondary-foreground))}.bn-container :is(.bn-underline-offset-4){text-underline-offset:4px}.bn-container :is(.bn-opacity-50){opacity:.5}.bn-container :is(.bn-opacity-60){opacity:.6}.bn-container :is(.bn-shadow-lg){--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bn-container :is(.bn-shadow-md){--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bn-container :is(.bn-shadow-none){--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bn-container :is(.bn-shadow-sm){--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bn-container :is(.bn-outline-none){outline:2px solid transparent;outline-offset:2px}.bn-container :is(.bn-ring-offset-background){--tw-ring-offset-color: hsl(var(--background))}.bn-container :is(.bn-transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bn-container :is(.bn-transition-colors){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.bn-container :is(.bn-animate-in){animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.bn-container :is(.bn-fade-in-0){--tw-enter-opacity: 0}.bn-container :is(.bn-zoom-in-95){--tw-enter-scale: .95}.bn-shadcn{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.bn-shadcn.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}.bn-shadcn *{border-color:hsl(var(--border))}.bn-shadcn .bn-editor{background-color:hsl(var(--background));color:hsl(var(--foreground))}.bn-shadcn [data-radix-popper-content-wrapper]{z-index:99999!important}.bn-shadcn .bn-editor:focus-visible{outline:none}.bn-shadcn .bn-side-menu{align-items:center;display:flex;justify-content:center}.bn-shadcn .bn-side-menu .bn-button{padding:0;height:24px}.bn-shadcn .bn-select{max-height:var(--radix-select-content-available-height)}.bn-shadcn .bn-menu-dropdown{max-height:var(--radix-dropdown-menu-content-available-height)}.bn-shadcn .bn-color-picker-dropdown{overflow:auto}.bn-shadcn .bn-suggestion-menu{height:-moz-fit-content;height:fit-content;max-height:100%}.bn-shadcn .bn-suggestion-menu-item[aria-selected=true],.bn-shadcn .bn-suggestion-menu-item:hover{background-color:hsl(var(--accent))}.bn-shadcn .bn-grid-suggestion-menu{background:var(--bn-colors-menu-background);border-radius:var(--bn-border-radius-large);box-shadow:var(--bn-shadow-medium);display:grid;gap:7px;height:-moz-fit-content;height:fit-content;justify-items:center;max-height:min(500px,100%);overflow-y:auto;padding:20px}.bn-shadcn .bn-grid-suggestion-menu-item{align-items:center;border-radius:var(--bn-border-radius-large);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;margin:2px;padding:4px;width:32px}.bn-shadcn .bn-grid-suggestion-menu-item[aria-selected=true],.bn-shadcn .bn-grid-suggestion-menu-item:hover{background-color:var(--bn-colors-hovered-background)}.bn-shadcn .bn-grid-suggestion-menu-empty-item,.bn-shadcn .bn-grid-suggestion-menu-loader{align-items:center;color:var(--bn-colors-menu-text);display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center}.bn-shadcn .bn-grid-suggestion-menu-loader span{background-color:hsl(var(--accent))}.bn-container :is(.file\:bn-border-0)::file-selector-button{border-width:0px}.bn-container :is(.file\:bn-bg-transparent)::file-selector-button{background-color:transparent}.bn-container :is(.file\:bn-text-sm)::file-selector-button{font-size:.875rem;line-height:1.25rem}.bn-container :is(.file\:bn-font-medium)::file-selector-button{font-weight:500}.bn-container :is(.placeholder\:bn-text-muted-foreground)::-moz-placeholder{color:hsl(var(--muted-foreground))}.bn-container :is(.placeholder\:bn-text-muted-foreground)::placeholder{color:hsl(var(--muted-foreground))}.bn-container :is(.hover\:bn-bg-accent:hover){background-color:hsl(var(--accent))}.bn-container :is(.hover\:bn-bg-destructive\/80:hover){background-color:hsl(var(--destructive) / .8)}.bn-container :is(.hover\:bn-bg-destructive\/90:hover){background-color:hsl(var(--destructive) / .9)}.bn-container :is(.hover\:bn-bg-muted:hover){background-color:hsl(var(--muted))}.bn-container :is(.hover\:bn-bg-primary\/80:hover){background-color:hsl(var(--primary) / .8)}.bn-container :is(.hover\:bn-bg-primary\/90:hover){background-color:hsl(var(--primary) / .9)}.bn-container :is(.hover\:bn-bg-secondary\/80:hover){background-color:hsl(var(--secondary) / .8)}.bn-container :is(.hover\:bn-text-accent-foreground:hover){color:hsl(var(--accent-foreground))}.bn-container :is(.hover\:bn-text-muted-foreground:hover){color:hsl(var(--muted-foreground))}.bn-container :is(.hover\:bn-underline:hover){text-decoration-line:underline}.bn-container :is(.focus\:bn-bg-accent:focus){background-color:hsl(var(--accent))}.bn-container :is(.focus\:bn-text-accent-foreground:focus){color:hsl(var(--accent-foreground))}.bn-container :is(.focus\:bn-outline-none:focus){outline:2px solid transparent;outline-offset:2px}.bn-container :is(.focus\:bn-ring-2:focus){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.bn-container :is(.focus\:bn-ring-ring:focus){--tw-ring-color: hsl(var(--ring))}.bn-container :is(.focus\:bn-ring-offset-2:focus){--tw-ring-offset-width: 2px}.bn-container :is(.focus-visible\:bn-outline-none:focus-visible){outline:2px solid transparent;outline-offset:2px}.bn-container :is(.focus-visible\:bn-ring-2:focus-visible){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.bn-container :is(.focus-visible\:bn-ring-ring:focus-visible){--tw-ring-color: hsl(var(--ring))}.bn-container :is(.focus-visible\:bn-ring-offset-2:focus-visible){--tw-ring-offset-width: 2px}.bn-container :is(.disabled\:bn-pointer-events-none:disabled){pointer-events:none}.bn-container :is(.disabled\:bn-cursor-not-allowed:disabled){cursor:not-allowed}.bn-container :is(.disabled\:bn-opacity-50:disabled){opacity:.5}.bn-container :is(.bn-peer:disabled~.peer-disabled\:bn-cursor-not-allowed){cursor:not-allowed}.bn-container :is(.bn-peer:disabled~.peer-disabled\:bn-opacity-70){opacity:.7}.bn-container :is(.data-\[disabled\]\:bn-pointer-events-none[data-disabled]){pointer-events:none}.bn-container :is(.data-\[side\=bottom\]\:bn-translate-y-1[data-side=bottom]){--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bn-container :is(.data-\[side\=left\]\:bn--translate-x-1[data-side=left]){--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bn-container :is(.data-\[side\=right\]\:bn-translate-x-1[data-side=right]){--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bn-container :is(.data-\[side\=top\]\:bn--translate-y-1[data-side=top]){--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bn-container :is(.data-\[state\=active\]\:bn-bg-background[data-state=active]){background-color:hsl(var(--background))}.bn-container :is(.data-\[state\=on\]\:bn-bg-accent[data-state=on]){background-color:hsl(var(--accent))}.bn-container :is(.data-\[state\=open\]\:bn-bg-accent[data-state=open]){background-color:hsl(var(--accent))}.bn-container :is(.data-\[state\=active\]\:bn-text-foreground[data-state=active]){color:hsl(var(--foreground))}.bn-container :is(.data-\[state\=on\]\:bn-text-accent-foreground[data-state=on]){color:hsl(var(--accent-foreground))}.bn-container :is(.data-\[disabled\]\:bn-opacity-50[data-disabled]){opacity:.5}.bn-container :is(.data-\[state\=active\]\:bn-shadow-sm[data-state=active]){--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.bn-container :is(.data-\[state\=open\]\:bn-animate-in[data-state=open]){animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.bn-container :is(.data-\[state\=closed\]\:bn-animate-out[data-state=closed]){animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.bn-container :is(.data-\[state\=closed\]\:bn-fade-out-0[data-state=closed]){--tw-exit-opacity: 0}.bn-container :is(.data-\[state\=open\]\:bn-fade-in-0[data-state=open]){--tw-enter-opacity: 0}.bn-container :is(.data-\[state\=closed\]\:bn-zoom-out-95[data-state=closed]){--tw-exit-scale: .95}.bn-container :is(.data-\[state\=open\]\:bn-zoom-in-95[data-state=open]){--tw-enter-scale: .95}.bn-container :is(.data-\[side\=bottom\]\:bn-slide-in-from-top-2[data-side=bottom]){--tw-enter-translate-y: -.5rem}.bn-container :is(.data-\[side\=left\]\:bn-slide-in-from-right-2[data-side=left]){--tw-enter-translate-x: .5rem}.bn-container :is(.data-\[side\=right\]\:bn-slide-in-from-left-2[data-side=right]){--tw-enter-translate-x: -.5rem}.bn-container :is(.data-\[side\=top\]\:bn-slide-in-from-bottom-2[data-side=top]){--tw-enter-translate-y: .5rem}.bn-container :is(.\[\&\>span\]\:bn-line-clamp-1>span){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
+
+
+/* IXO Editor Custom Styles */
+
+.ixo-editor {
+  /* Container styles */
+  position: relative;
+  width: 100%;
+  min-height: 200px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Light theme customizations */
+.ixo-editor--theme-light {
+  --bn-colors-editor-background: #ffffff;
+  --bn-colors-editor-text: #1a1a1a;
+  --bn-colors-menu-background: #ffffff;
+  --bn-colors-menu-text: #1a1a1a;
+  --bn-colors-tooltip-background: #1a1a1a;
+  --bn-colors-tooltip-text: #ffffff;
+  --bn-colors-hovered-background: #f5f5f5;
+  --bn-colors-selected-background: #e6f2ff;
+  --bn-colors-border: #e0e0e0;
+  --bn-colors-side-menu: #666666;
+  --bn-colors-highlight-colors-blue: #3b82f6;
+  --bn-colors-highlight-colors-green: #10b981;
+  --bn-colors-highlight-colors-red: #ef4444;
+  --bn-colors-highlight-colors-yellow: #f59e0b;
+  --bn-colors-highlight-colors-purple: #8b5cf6;
+}
+
+/* Dark theme customizations */
+.ixo-editor--theme-dark {
+  --bn-colors-editor-background: #1a1a1a;
+  --bn-colors-editor-text: #f0f0f0;
+  --bn-colors-menu-background: #2a2a2a;
+  --bn-colors-menu-text: #f0f0f0;
+  --bn-colors-tooltip-background: #f0f0f0;
+  --bn-colors-tooltip-text: #1a1a1a;
+  --bn-colors-hovered-background: #2a2a2a;
+  --bn-colors-selected-background: #3a3a3a;
+  --bn-colors-border: #3a3a3a;
+  --bn-colors-side-menu: #999999;
+  --bn-colors-highlight-colors-blue: #60a5fa;
+  --bn-colors-highlight-colors-green: #34d399;
+  --bn-colors-highlight-colors-red: #f87171;
+  --bn-colors-highlight-colors-yellow: #fbbf24;
+  --bn-colors-highlight-colors-purple: #a78bfa;
+}
+
+/* Editor content styles */
+.ixo-editor .bn-container {
+  padding: 20px;
+  border-radius: 8px;
+  border: 1px solid var(--bn-colors-border);
+  transition: border-color 0.2s ease;
+}
+
+.ixo-editor .bn-container:focus-within {
+  border-color: var(--bn-colors-highlight-colors-blue);
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+/* Block styles */
+.ixo-editor .bn-block {
+  margin-bottom: 0.5em;
+}
+
+.ixo-editor .bn-block-content {
+  min-height: 1.5em;
+}
+
+/* Heading styles */
+.ixo-editor h1.bn-inline-content {
+  font-size: 2em;
+  font-weight: 700;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.ixo-editor h2.bn-inline-content {
+  font-size: 1.5em;
+  font-weight: 600;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.ixo-editor h3.bn-inline-content {
+  font-size: 1.25em;
+  font-weight: 600;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+/* List styles */
+.ixo-editor ul.bn-block-content {
+  padding-left: 1.5em;
+  list-style-type: disc;
+}
+
+.ixo-editor ol.bn-block-content {
+  padding-left: 1.5em;
+  list-style-type: decimal;
+}
+
+/* Code block styles */
+.ixo-editor pre.bn-block-content {
+  background-color: var(--bn-colors-hovered-background);
+  border-radius: 4px;
+  padding: 12px;
+  font-family: 'Courier New', Courier, monospace;
+  font-size: 0.9em;
+  overflow-x: auto;
+}
+
+.ixo-editor code.bn-inline-content {
+  background-color: var(--bn-colors-hovered-background);
+  border-radius: 3px;
+  padding: 2px 6px;
+  font-family: 'Courier New', Courier, monospace;
+  font-size: 0.9em;
+}
+
+/* Blockquote styles */
+.ixo-editor blockquote.bn-block-content {
+  border-left: 3px solid var(--bn-colors-border);
+  padding-left: 1em;
+  margin-left: 0;
+  font-style: italic;
+  color: var(--bn-colors-side-menu);
+}
+
+/* Link styles */
+.ixo-editor a.bn-inline-content {
+  color: var(--bn-colors-highlight-colors-blue);
+  text-decoration: none;
+  transition: text-decoration 0.2s ease;
+}
+
+.ixo-editor a.bn-inline-content:hover {
+  text-decoration: underline;
+}
+
+/* Table styles */
+.ixo-editor table.bn-block-content {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+}
+
+.ixo-editor table.bn-block-content th,
+.ixo-editor table.bn-block-content td {
+  border: 1px solid var(--bn-colors-border);
+  padding: 8px 12px;
+  text-align: left;
+}
+
+.ixo-editor table.bn-block-content th {
+  background-color: var(--bn-colors-hovered-background);
+  font-weight: 600;
+}
+
+/* Image styles */
+.ixo-editor .bn-image-block img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 4px;
+}
+
+/* Placeholder styles */
+.ixo-editor .bn-block-content[data-is-empty="true"]:before {
+  color: var(--bn-colors-side-menu);
+  opacity: 0.5;
+}
+
+/* Notion-like list title input placeholder */
+.notion-list-title-input::placeholder {
+  color: #CFCFCF;
+  opacity: 1;
+}
+
+/* Menu and toolbar customizations */
+.ixo-editor .bn-menu {
+  border-radius: 8px;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.ixo-editor .bn-toolbar {
+  border-radius: 6px;
+  padding: 4px;
+}
+
+/* Animation improvements */
+.ixo-editor .bn-block,
+.ixo-editor .bn-menu,
+.ixo-editor .bn-toolbar {
+  animation-duration: 0.2s;
+}
+
+/* Selection styles */
+.ixo-editor ::selection {
+  background-color: var(--bn-colors-selected-background);
+}
+
+/* Scrollbar styles */
+.ixo-editor .bn-container::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.ixo-editor .bn-container::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.ixo-editor .bn-container::-webkit-scrollbar-thumb {
+  background-color: var(--bn-colors-border);
+  border-radius: 4px;
+}
+
+.ixo-editor .bn-container::-webkit-scrollbar-thumb:hover {
+  background-color: var(--bn-colors-side-menu);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .ixo-editor .bn-container {
+    padding: 15px;
+  }
+  
+  .ixo-editor h1.bn-inline-content {
+    font-size: 1.75em;
+  }
+  
+  .ixo-editor h2.bn-inline-content {
+    font-size: 1.35em;
+  }
+  
+  .ixo-editor h3.bn-inline-content {
+    font-size: 1.15em;
+  }
+}

package/style.css.d.ts

@@ -0,0 +1,5 @@
+// CSS module declaration
+declare module '@ixo/editor/style.css' {
+  const content: string;
+  export default content;
+}