forge-edit 0.1.0-beta.5 → 0.1.0-beta.7

package/dist/index.js

@@ -1,3 +1,4 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.top-\\[1px\\]{top:1px}.top-\\[calc\\(100\\%\\+4px\\)\\]{top:calc(100% + 4px)}.top-\\[calc\\(100\\%\\+8px\\)\\]{top:calc(100% + 8px)}.top-full{top:100%}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[-7px\\]{left:-7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[3\\]{z-index:3}.z-\\[5\\]{z-index:5}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-40{height:calc(var(--spacing) * 40)}.h-\\[30px\\]{height:30px}.h-full{height:100%}.h-px{height:1px}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-\\[220px\\]{max-height:220px}.min-h-\\[60px\\]{min-height:60px}.min-h-\\[120px\\]{min-height:120px}.w-2{width:calc(var(--spacing) * 2)}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-40{width:calc(var(--spacing) * 40)}.w-\\[1px\\]{width:1px}.w-full{width:100%}.max-w-\\[65px\\]{max-width:65px}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[28px\\]{min-width:28px}.min-w-\\[70px\\]{min-width:70px}.min-w-\\[110px\\]{min-width:110px}.min-w-\\[130px\\]{min-width:130px}.min-w-\\[150px\\]{min-width:150px}.min-w-\\[160px\\]{min-width:160px}.min-w-\\[180px\\]{min-width:180px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-\\[4px\\]{gap:4px}.gap-px{gap:1px}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px * var(--tw-space-x-reverse));margin-inline-end:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-\\[\\#ccc\\]>:not(:last-child)){border-color:#ccc}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[4px\\]{border-radius:4px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\\[3px\\]{border-top-left-radius:3px;border-top-right-radius:3px}.rounded-b-\\[3px\\]{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-7{border-right-style:var(--tw-border-style);border-right-width:7px}.border-r-8{border-right-style:var(--tw-border-style);border-right-width:8px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-7{border-bottom-style:var(--tw-border-style);border-bottom-width:7px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-7{border-left-style:var(--tw-border-style);border-left-width:7px}.border-l-8{border-left-style:var(--tw-border-style);border-left-width:8px}.border-none{--tw-border-style:none;border-style:none}.border-\\[\\#2c2c2c\\]{border-color:#2c2c2c}.border-\\[\\#4a90d9\\]{border-color:#4a90d9}.border-\\[\\#ccc\\]{border-color:#ccc}.border-\\[\\#d1d5db\\]{border-color:#d1d5db}.border-\\[\\#ddd\\]{border-color:#ddd}.border-\\[\\#eee\\]{border-color:#eee}.border-black{border-color:var(--color-black)}.border-r-transparent{border-right-color:#0000}.border-b-\\[\\#ccc\\]{border-bottom-color:#ccc}.border-b-white{border-bottom-color:var(--color-white)}.border-l-transparent{border-left-color:#0000}.bg-\\[\\#1e1e1e\\]{background-color:#1e1e1e}.bg-\\[\\#888\\]{background-color:#888}.bg-\\[\\#e2e8f0\\]{background-color:#e2e8f0}.bg-\\[\\#e5e7eb\\]{background-color:#e5e7eb}.bg-\\[\\#f0f0f0\\]{background-color:#f0f0f0}.bg-\\[\\#f5f5f5\\]{background-color:#f5f5f5}.bg-\\[rgba\\(74\\,144\\,217\\,0\\.4\\)\\]{background-color:#4a90d966}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-\\[linear-gradient\\(rgba\\(0\\,0\\,0\\,0\\.05\\)_1px\\,transparent_1px\\)\\,linear-gradient\\(90deg\\,rgba\\(0\\,0\\,0\\,0\\.05\\)_1px\\,transparent_1px\\)\\]{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}.bg-\\[size\\:16px_16px\\]{background-size:16px 16px}.fill-current{fill:currentColor}.fill-none{fill:none}.stroke-black{stroke:var(--color-black)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-\\[5px\\]{padding:5px}.p-\\[10px\\]{padding:10px}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-\\[7px\\]{padding-inline:7px}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.pt-1\\.5{padding-top:calc(var(--spacing) * 1.5)}.pr-1{padding-right:var(--spacing)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pb-0\\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#333\\]{color:#333}.text-\\[\\#666\\]{color:#666}.text-black{color:var(--color-black)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\]{--tw-shadow:inset 0 1px 3px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-has-\\[\\.is-open\\]\\:hidden:is(:where(.group):has(.is-open) *){display:none}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:bottom-full:before{content:var(--tw-content);bottom:100%}.before\\:left-1\\/2:before{content:var(--tw-content);left:50%}.before\\:-translate-x-1\\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\\:border-x-\\[5px\\]:before{content:var(--tw-content);border-inline-style:var(--tw-border-style);border-inline-width:5px}.before\\:border-t-0:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:0}.before\\:border-b-\\[5px\\]:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:5px}.before\\:border-solid:before{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.before\\:border-x-transparent:before{content:var(--tw-content);border-inline-color:#0000}.before\\:border-b-\\[\\#2c2c2c\\]:before{content:var(--tw-content);border-bottom-color:#2c2c2c}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-full:after{content:var(--tw-content);bottom:100%}.after\\:left-1\\/2:after{content:var(--tw-content);left:50%}.after\\:-translate-x-1\\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\\:translate-y-\\[1px\\]:after{content:var(--tw-content);--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\\:border-x-\\[4px\\]:after{content:var(--tw-content);border-inline-style:var(--tw-border-style);border-inline-width:4px}.after\\:border-t-0:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:0}.after\\:border-b-\\[4px\\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.after\\:border-solid:after{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.after\\:border-x-transparent:after{content:var(--tw-content);border-inline-color:#0000}.after\\:border-b-\\[\\#1e1e1e\\]:after{content:var(--tw-content);border-bottom-color:#1e1e1e}.last\\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\\:pr-0:last-child{padding-right:0}@media (hover:hover){.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[\\#999\\]:hover{border-color:#999}.hover\\:border-\\[\\#aaa\\]:hover{border-color:#aaa}.hover\\:border-black:hover{border-color:var(--color-black)}.hover\\:bg-\\[\\#e6e6e6\\]:hover{background-color:#e6e6e6}.hover\\:bg-\\[\\#f0f0f0\\]:hover{background-color:#f0f0f0}.hover\\:bg-\\[\\#f5f5f5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#f9f9f9\\]:hover{background-color:#f9f9f9}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\\:bg-\\[\\#d0d0d0\\]:active{background-color:#d0d0d0}.active\\:bg-\\[\\#e8e8e8\\]:active{background-color:#e8e8e8}.rtl\\:right-0:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){right:0}.rtl\\:left-1\\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){left:50%}.rtl\\:left-auto:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){left:auto}.rtl\\:-translate-x-1\\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}:where(.rtl\\:divide-x-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}.\\[\\&_blockquote\\]\\:my-2 blockquote{margin-block:calc(var(--spacing) * 2)}.\\[\\&_blockquote\\]\\:border-l-4 blockquote{border-left-style:var(--tw-border-style);border-left-width:4px}.\\[\\&_blockquote\\]\\:border-\\[\\#ccc\\] blockquote{border-color:#ccc}.\\[\\&_blockquote\\]\\:pl-4 blockquote{padding-left:calc(var(--spacing) * 4)}.\\[\\&_blockquote\\]\\:italic blockquote{font-style:italic}.\\[\\&_h1\\]\\:text-2xl h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\\[\\&_h1\\]\\:font-bold h1{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\&_h2\\]\\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\\[\\&_h2\\]\\:font-bold h2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\&_h3\\]\\:text-lg h3{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\\[\\&_h3\\]\\:font-bold h3{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\&_pre\\]\\:rounded pre{border-radius:.25rem}.\\[\\&_pre\\]\\:bg-\\[\\#f4f4f4\\] pre{background-color:#f4f4f4}.\\[\\&_pre\\]\\:p-2 pre{padding:calc(var(--spacing) * 2)}.\\[\\&\\.is-active\\]\\:bg-\\[\\#e5e5e5\\].is-active{background-color:#e5e5e5}.\\[\\&\\.is-open\\]\\:block.is-open{display:block}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { options as e, render as t } from "preact";
 import { useEffect as n, useRef as r, useState as i } from "preact/hooks";
 import a from "sweetalert2";
@@ -43,89 +44,118 @@ function c(t, n, r, i, a, o) {
 //#endregion
 //#region src/components/shared/toolbar/Style/Components/StyleToolbar.jsx
 function l() {
+	let e = "forge-dropdown-item block w-full text-left cursor-pointer whitespace-nowrap px-3 py-1 text-[#333] no-underline transition-colors duration-100 hover:bg-[#f0f0f0]";
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-style",
+		className: "forge-toolbar-group forge-toolbar-style flex items-center gap-0.5",
 		children: /* @__PURE__ */ c("div", {
-			className: "forge-toolbar-group",
+			className: "relative group",
 			children: [/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button",
+				className: "forge-toolbar-button group relative flex h-7 cursor-pointer items-center justify-center rounded-[2px] border border-[#ccc] bg-white px-2 text-sm leading-none transition-all duration-150 hover:bg-[#f0f0f0] active:translate-y-px [&.is-active]:bg-[#e5e5e5]",
 				"data-command": "style",
 				"aria-label": "Style",
 				children: [/* @__PURE__ */ c("span", {
 					className: "forge-icon",
 					children: "✦"
 				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "style"
+					className: "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 group-has-[.is-open]:hidden rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]",
+					"data-i18n": "style",
+					children: "Style"
 				})]
 			}), /* @__PURE__ */ c("div", {
-				className: "forge-toolbar-dropdown forge-dropdown-style",
+				className: "forge-toolbar-dropdown forge-dropdown-style absolute left-0 top-[calc(100%+4px)] z-20 hidden [&.is-open]:block max-h-24 min-w-[110px] overflow-y-auto rounded-[2px] border border-[#ccc] bg-white p-0 shadow-[0_2px_6px_rgba(0,0,0,0.15)] rtl:left-auto rtl:right-0",
 				role: "list",
 				"aria-label": "Style",
 				children: [
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "p",
 						role: "listitem",
-						children: /* @__PURE__ */ c("p", { "data-i18n": "normal" })
+						children: /* @__PURE__ */ c("p", {
+							className: "m-0 text-[13px] font-normal leading-[1.4]",
+							children: "Normal"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "blockquote",
 						role: "listitem",
-						children: /* @__PURE__ */ c("blockquote", { "data-i18n": "blockquote" })
+						children: /* @__PURE__ */ c("blockquote", {
+							className: "m-0 text-[13px] font-normal leading-[1.4]",
+							children: "Blockquote"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "pre",
 						role: "listitem",
-						children: /* @__PURE__ */ c("pre", { "data-i18n": "code" })
+						children: /* @__PURE__ */ c("pre", {
+							className: "m-0 font-mono text-[13px] leading-[1.4]",
+							children: "Code"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h1",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h1", { "data-i18n": "header1" })
+						children: /* @__PURE__ */ c("h1", {
+							className: "m-0 text-[20px] font-normal leading-[1.4]",
+							children: "Heading 1"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h2",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h2", { "data-i18n": "header2" })
+						children: /* @__PURE__ */ c("h2", {
+							className: "m-0 text-[18px] font-normal leading-[1.4]",
+							children: "Heading 2"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h3",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h3", { "data-i18n": "header3" })
+						children: /* @__PURE__ */ c("h3", {
+							className: "m-0 text-[16px] font-normal leading-[1.4]",
+							children: "Heading 3"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h4",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h4", { "data-i18n": "header4" })
+						children: /* @__PURE__ */ c("h4", {
+							className: "m-0 text-[15px] font-normal leading-[1.4]",
+							children: "Heading 4"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h5",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h5", { "data-i18n": "header5" })
+						children: /* @__PURE__ */ c("h5", {
+							className: "m-0 text-[14px] font-normal leading-[1.4]",
+							children: "Heading 5"
+						})
 					}),
-					/* @__PURE__ */ c("a", {
-						className: "forge-dropdown-item",
-						href: "#",
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: e,
 						"data-value": "h6",
 						role: "listitem",
-						children: /* @__PURE__ */ c("h6", { "data-i18n": "header6" })
+						children: /* @__PURE__ */ c("h6", {
+							className: "m-0 text-[13px] font-normal leading-[1.4]",
+							children: "Heading 6"
+						})
 					})
 				]
 			})]
@@ -139,64 +169,300 @@ function u() {
 }
 //#endregion
 //#region src/components/shared/toolbar/font/Components/FontToolbar.jsx
-function d({ onCommand: e }) {
+function d({ onCommand: e, isBold: t, isUnderline: n }) {
+	let r = "group relative flex h-7 w-7 items-center justify-center p-0 text-sm leading-none cursor-pointer transition-colors duration-150 active:translate-y-px", i = "bg-white text-[#333] hover:bg-[#f0f0f0]", a = "bg-[#e2e8f0] text-black border-inner shadow-[inset_0_1px_3px_rgba(0,0,0,0.2)] font-bold", o = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]";
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-font",
+		className: "forge-toolbar-group forge-toolbar-font inline-flex items-center rounded-sm border border-[#ccc] bg-white divide-x divide-[#ccc] rtl:divide-x-reverse",
 		children: [
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button forge-btn-bold",
+				className: `${r} ${t ? a : i}`,
 				onClick: () => e("bold"),
 				"aria-label": "Bold",
-				children: [/* @__PURE__ */ c("strong", { children: "B" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "bold"
+				children: [/* @__PURE__ */ c("span", {
+					className: "text-sm font-bold font-serif",
+					children: "B"
+				}), /* @__PURE__ */ c("span", {
+					className: o,
+					"data-i18n": "bold",
+					children: "Bold"
 				})]
 			}),
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button forge-btn-underline",
+				className: `${r} ${n ? a : i}`,
 				onClick: () => e("underline"),
 				"aria-label": "Underline",
-				children: [/* @__PURE__ */ c("u", { children: "U" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "underline"
+				children: [/* @__PURE__ */ c("span", {
+					className: "text-sm font-bold font-serif underline",
+					children: "U"
+				}), /* @__PURE__ */ c("span", {
+					className: o,
+					"data-i18n": "underline",
+					children: "Underline"
 				})]
 			}),
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button",
+				className: `${r} ${i}`,
 				onClick: () => e("removeFormat"),
 				"aria-label": "Remove Font Style",
-				children: [/* @__PURE__ */ c("span", { children: "⌫" }), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "removeFormat"
+				children: [/* @__PURE__ */ c("span", {
+					className: "inline-block h-4 w-4 text-center text-sm leading-none",
+					children: /* @__PURE__ */ c("svg", {
+						viewBox: "0 0 20 20",
+						className: "block h-4 w-4 fill-none stroke-black",
+						strokeWidth: "2",
+						children: /* @__PURE__ */ c("path", { d: "M 4 4 L 16 16 M 16 4 L 4 16" })
+					})
+				}), /* @__PURE__ */ c("span", {
+					className: o,
+					"data-i18n": "removeFormat",
+					children: "Remove Font Style"
 				})]
 			})
 		]
 	});
 }
 //#endregion
+//#region src/components/shared/toolbar/font/Hooks/boldHandler.jsx
+var f = (e, t, n) => {
+	if (!e.collapsed) {
+		if (n) {
+			let t = e.commonAncestorContainer;
+			for (t.nodeType === 3 && (t = t.parentNode); t && t.getAttribute && t.getAttribute("contenteditable") !== "true";) {
+				if (t.style && t.style.fontWeight) {
+					if (t.style.fontWeight = "", !t.getAttribute("style")) {
+						let e = t.parentNode;
+						for (; t.firstChild;) e.insertBefore(t.firstChild, t);
+						e.removeChild(t);
+					}
+					break;
+				}
+				t = t.parentNode;
+			}
+		} else {
+			let t = e.extractContents(), n = document.createElement("span");
+			n.style.fontWeight = "bold", n.appendChild(t), e.insertNode(n);
+		}
+		return;
+	}
+	if (n) {
+		let n = e.startContainer, r = n.nodeType === 1 ? n : n.parentNode;
+		for (; r && r.getAttribute && r.getAttribute("contenteditable") !== "true" && !(r.style && r.style.fontWeight);) r = r.parentNode;
+		let i = document.createElement("span");
+		i.innerHTML = "​", r && r.parentNode ? r.nextSibling ? r.parentNode.insertBefore(i, r.nextSibling) : r.parentNode.appendChild(i) : e.insertNode(i);
+		let a = document.createRange();
+		a.setStart(i, 1), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+	} else {
+		let n = document.createElement("span");
+		n.style.fontWeight = "bold", n.innerHTML = "​", e.insertNode(n);
+		let r = document.createRange();
+		r.setStart(n, 1), r.collapse(!0), t.removeAllRanges(), t.addRange(r);
+	}
+}, p = (e, t, n) => {
+	if (!e.collapsed) {
+		if (n) {
+			let t = e.commonAncestorContainer;
+			for (t.nodeType === 3 && (t = t.parentNode); t && t.getAttribute && t.getAttribute("contenteditable") !== "true";) {
+				if (t.style && t.style.textDecoration) {
+					if (t.style.textDecoration = "", !t.getAttribute("style")) {
+						let e = t.parentNode;
+						for (; t.firstChild;) e.insertBefore(t.firstChild, t);
+						e.removeChild(t);
+					}
+					break;
+				}
+				t = t.parentNode;
+			}
+		} else {
+			let t = e.extractContents(), n = document.createElement("span");
+			n.style.textDecoration = "underline", n.appendChild(t), e.insertNode(n);
+		}
+		return;
+	}
+	if (n) {
+		let n = e.startContainer, r = n.nodeType === 1 ? n : n.parentNode;
+		for (; r && r.getAttribute && r.getAttribute("contenteditable") !== "true" && !(r.style && r.style.textDecoration);) r = r.parentNode;
+		let i = document.createElement("span");
+		i.innerHTML = "​", r && r.parentNode ? r.nextSibling ? r.parentNode.insertBefore(i, r.nextSibling) : r.parentNode.appendChild(i) : e.insertNode(i);
+		let a = document.createRange();
+		a.setStart(i, 1), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+	} else {
+		let n = document.createElement("span");
+		n.style.textDecoration = "underline", n.innerHTML = "​", e.insertNode(n);
+		let r = document.createRange();
+		r.setStart(n, 1), r.collapse(!0), t.removeAllRanges(), t.addRange(r);
+	}
+}, m = (e) => {
+	let t = document.createTreeWalker(e, NodeFilter.SHOW_TEXT, null, !1), n;
+	for (; n = t.nextNode();) n.nodeValue = n.nodeValue.replace(/\u00A0/g, " ");
+}, h = (e) => {
+	e.querySelectorAll("span, b, u, strong").forEach((e) => {
+		let t = e.getAttribute("style") || e.getAttribute("class"), n = [
+			"B",
+			"U",
+			"STRONG"
+		].includes(e.tagName);
+		if (!t && !n) {
+			let t = e.parentNode;
+			for (; e.firstChild;) t.insertBefore(e.firstChild, e);
+			t.removeChild(e);
+		} else (!e.textContent || e.textContent.replace(/\u200B/g, "").length === 0) && e.remove();
+	});
+}, g = (e, t) => {
+	if (e.collapsed) return;
+	let n = e.commonAncestorContainer;
+	for (n.nodeType === 3 && (n = n.parentNode); n && n.getAttribute && n.getAttribute("contenteditable") !== "true";) {
+		let e = window.getComputedStyle(n).display;
+		if (e === "block" || e === "flex" || n.tagName === "PRE") break;
+		n = n.parentNode;
+	}
+	let r = e.extractContents().textContent.replace(/\u00A0/g, " "), i = document.createTextNode(r);
+	e.insertNode(i), n && n.getAttribute("contenteditable") !== "true" && (h(n), m(n), n.normalize());
+	let a = document.createRange();
+	a.selectNodeContents(i), t.removeAllRanges(), t.addRange(a);
+};
+//#endregion
 //#region src/components/shared/toolbar/font/Hooks/fontLogic.jsx
-function f() {
-	return { executeCommand: (e) => {
-		document.execCommand(e, !1, null);
-	} };
+function _() {
+	let [e, t] = i(!1), [r, a] = i(!1), o = () => {
+		let e = window.getSelection();
+		if (!e || e.rangeCount === 0) return;
+		let n = e.anchorNode;
+		if (!n) return;
+		n.nodeType === 3 && (n = n.parentNode);
+		let r = !1, i = !1;
+		for (; n && n.getAttribute && n.getAttribute("contenteditable") !== "true";) {
+			let e = window.getComputedStyle(n).fontWeight, t = window.getComputedStyle(n).textDecoration;
+			(e === "bold" || parseInt(e) >= 700 || n.tagName === "B" || n.tagName === "STRONG") && (r = !0), (t.includes("underline") || n.tagName === "U") && (i = !0), n = n.parentNode;
+		}
+		t(r), a(i);
+	};
+	return n(() => (document.addEventListener("selectionchange", o), () => document.removeEventListener("selectionchange", o)), []), {
+		executeCommand: (t) => {
+			let n = window.getSelection();
+			if (!n || n.rangeCount === 0) return;
+			let i = n.getRangeAt(0);
+			t === "bold" ? f(i, n, e) : t === "underline" ? p(i, n, r) : t === "removeFormat" && g(i, n), o();
+		},
+		isBold: e,
+		isUnderline: r
+	};
 }
 //#endregion
 //#region src/components/shared/toolbar/font/Components/index.jsx
-function p() {
-	let { executeCommand: e } = f();
-	return /* @__PURE__ */ c(d, { onCommand: e });
+function v() {
+	let { executeCommand: e, isBold: t, isUnderline: n } = _();
+	return /* @__PURE__ */ c(d, {
+		onCommand: e,
+		isBold: t,
+		isUnderline: n
+	});
+}
+//#endregion
+//#region src/components/shared/toolbar/FontName/Hooks/fontNameHandler.jsx
+var y = (e, t, n) => {
+	let r = n || "Arial";
+	if (!e || !t) return;
+	if (!e.collapsed) {
+		let n = document.createElement("span");
+		n.style.fontFamily = r;
+		try {
+			n.appendChild(e.extractContents()), e.insertNode(n);
+		} catch {
+			document.execCommand("fontName", !1, r);
+			return;
+		}
+		let i = document.createRange();
+		i.selectNodeContents(n), t.removeAllRanges(), t.addRange(i);
+		return;
+	}
+	let i = document.createElement("span");
+	i.style.fontFamily = r;
+	let a = document.createTextNode("​");
+	i.appendChild(a), e.insertNode(i);
+	let o = document.createRange();
+	o.setStart(i.firstChild, 1), o.collapse(!0), t.removeAllRanges(), t.addRange(o);
+}, ee = (e) => {
+	let t = window.getSelection();
+	if (!t || t.rangeCount === 0) return null;
+	let n = t.anchorNode;
+	if (!n || e && !e.contains(n)) return null;
+	for (n.nodeType === 3 && (n = n.parentNode); n && n !== e;) {
+		if (n.style && n.style.fontFamily) {
+			let e = n.style.fontFamily.split(",")[0].replace(/['"]/g, "").trim();
+			if (e) return e;
+		}
+		n = n.parentNode;
+	}
+	let r = window.getComputedStyle(e).fontFamily;
+	return r ? r.split(",")[0].replace(/['"]/g, "").trim() : null;
+};
+//#endregion
+//#region src/components/shared/toolbar/FontName/Hooks/fontNameLogic.jsx
+function b(e) {
+	let [t, a] = i("Arial"), o = r("Arial"), s = r(null), c = () => {
+		let t = window.getSelection();
+		if (t && t.rangeCount > 0) {
+			let n = t.getRangeAt(0), r = e?.current;
+			r && r.contains(n.commonAncestorContainer) && (s.current = n.cloneRange());
+		}
+	}, l = () => {
+		let t = e?.current;
+		if (!t) return;
+		let n = ee(t);
+		n && (a(n), o.current = n);
+	};
+	return n(() => {
+		let t = () => {
+			c(), l();
+		};
+		document.addEventListener("selectionchange", t);
+		let n = e?.current;
+		if (!n) return () => {
+			document.removeEventListener("selectionchange", t);
+		};
+		let r = (e) => {
+			if (e.inputType !== "insertText" || !e.data) return;
+			let t = window.getSelection();
+			if (!t || t.rangeCount === 0) return;
+			let n = t.getRangeAt(0), r = n.startContainer;
+			if (r.nodeType === 3 && (r = r.parentNode), r && r.tagName === "SPAN" && r.style.fontFamily && r.style.fontFamily.replace(/['"]/g, "").toLowerCase() === o.current.toLowerCase()) return;
+			e.preventDefault();
+			let i = document.createElement("span");
+			i.style.fontFamily = o.current, i.textContent = e.data, n.deleteContents(), n.insertNode(i);
+			let a = document.createRange();
+			a.setStart(i.firstChild, i.textContent.length), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+		};
+		return n.addEventListener("beforeinput", r), () => {
+			document.removeEventListener("selectionchange", t), n.removeEventListener("beforeinput", r);
+		};
+	}, [e, e?.current]), {
+		currentFont: t,
+		applyFont: (t) => {
+			let n = t || "Arial";
+			o.current = n, a(n);
+			let r = e?.current;
+			if (!r) return;
+			r.focus();
+			let i = window.getSelection(), l = null;
+			if (s.current ? (i.removeAllRanges(), i.addRange(s.current), l = s.current) : i.rangeCount > 0 && (l = i.getRangeAt(0)), !l) {
+				let e = document.createRange();
+				e.selectNodeContents(r), e.collapse(!1), i.removeAllRanges(), i.addRange(e), l = e;
+			}
+			y(l, i, n), c();
+		}
+	};
 }
 //#endregion
 //#region src/components/shared/toolbar/Hooks/dropdown.js
-function m(e, t) {
+function x(e, t) {
 	function n() {
 		t.classList.remove("is-open"), e.classList.remove("is-active"), document.removeEventListener("click", r);
 	}
 	function r(r) {
-		!t.contains(r.target) && r.target !== e && n();
+		!t.contains(r.target) && !e.contains(r.target) && n();
 	}
 	function i(n) {
 		n.stopPropagation();
@@ -213,7 +479,7 @@ function m(e, t) {
 }
 //#endregion
 //#region src/components/shared/toolbar/FontName/Components/FontNameToolbar.jsx
-var h = [
+var S = [
 	"Arial",
 	"Arial Black",
 	"Comic Sans MS",
@@ -225,68 +491,83 @@ var h = [
 	"Verdana",
 	"Nunito Sans",
 	"Segoe UI"
-];
-function g({ logic: e }) {
-	let { currentFont: t, applyFont: i } = e, a = r(null), o = r(null);
+], C = 32;
+function w({ currentFont: e, applyFont: t }) {
+	let i = r(null), a = r(null);
 	n(() => {
-		if (a.current && o.current) return m(a.current, o.current);
+		if (i.current && a.current) return x(i.current, a.current);
 	}, []);
-	let s = (e) => {
-		i(e), o.current && o.current.classList.remove("is-open"), a.current && a.current.classList.remove("is-active");
-	};
+	let o = (e) => {
+		t(e), a.current && a.current.classList.remove("is-open"), i.current && i.current.classList.remove("is-active");
+	}, s = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]";
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-fontname",
-		children: [/* @__PURE__ */ c("button", {
-			ref: a,
-			type: "button",
-			className: "forge-toolbar-button forge-fontname-button",
-			"aria-label": "Font Family",
-			children: [/* @__PURE__ */ c("span", {
-				className: "forge-current-fontname",
-				children: t
-			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
-				"data-i18n": "fontFamily",
-				children: "Font Family"
+		className: "forge-toolbar-group forge-toolbar-fontname relative flex items-center",
+		children: [/* @__PURE__ */ c("div", {
+			className: "forge-color-button-group flex h-[30px] items-center overflow-visible rounded border border-[#ccc] bg-white hover:border-[#aaa] hover:bg-[#f9f9f9]",
+			children: [/* @__PURE__ */ c("button", {
+				type: "button",
+				className: "forge-fontname-main group relative flex h-full items-center justify-center min-w-[70px] cursor-pointer border-none bg-transparent px-2 hover:bg-black/5",
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => {
+					i.current && i.current.click();
+				},
+				"aria-label": "Current font",
+				children: [/* @__PURE__ */ c("span", {
+					className: "forge-current-fontname max-w-[65px] truncate text-xs text-[#333]",
+					style: { fontFamily: e },
+					children: e
+				}), /* @__PURE__ */ c("span", {
+					className: s,
+					"data-i18n": "fontName",
+					children: "Font Family"
+				})]
+			}), /* @__PURE__ */ c("button", {
+				ref: i,
+				type: "button",
+				className: "forge-fontname-dropdown-btn group relative flex h-full items-center justify-center min-w-[18px] cursor-pointer border-l border-[#ccc] bg-transparent px-1 hover:bg-black/5",
+				onMouseDown: (e) => e.preventDefault(),
+				"aria-label": "More fonts",
+				children: [/* @__PURE__ */ c(() => /* @__PURE__ */ c("svg", {
+					className: "h-2 w-2 fill-current text-[#666]",
+					viewBox: "0 0 10 6",
+					xmlns: "http://www.w3.org/2000/svg",
+					children: /* @__PURE__ */ c("path", { d: "M0 0l5 6 5-6H0z" })
+				}), {}), /* @__PURE__ */ c("span", {
+					className: s,
+					"data-i18n": "moreFont",
+					children: "More Fonts"
+				})]
 			})]
 		}), /* @__PURE__ */ c("div", {
-			ref: o,
-			className: "forge-toolbar-dropdown forge-dropdown-fontname",
-			role: "list",
-			"aria-label": "Font Family",
-			children: h.map((e) => /* @__PURE__ */ c("a", {
-				className: "forge-dropdown-item",
-				href: "#",
-				"data-value": e,
-				role: "listitem",
-				style: { fontFamily: e },
-				onClick: (t) => {
-					t.preventDefault(), s(e);
+			ref: a,
+			className: "forge-toolbar-dropdown forge-dropdown-fontname absolute left-0 top-full z-20 hidden mt-1 min-w-[150px] overflow-y-auto rounded border border-[#ccc] bg-white p-1 shadow-md rtl:left-auto rtl:right-0 [&.is-open]:block",
+			style: { maxHeight: "128px" },
+			children: S.map((e) => /* @__PURE__ */ c("button", {
+				type: "button",
+				className: "forge-dropdown-item flex w-full cursor-pointer items-center whitespace-nowrap rounded-sm px-2 text-left text-xs text-[#333] hover:bg-[#f0f0f0]",
+				style: {
+					fontFamily: e,
+					height: `${C}px`
 				},
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => o(e),
 				children: e
 			}, e))
 		})]
 	});
 }
 //#endregion
-//#region src/components/shared/toolbar/FontName/Hooks/fontNameLogic.jsx
-function _() {
-	let [e, t] = i("Nunito Sans");
-	return {
-		currentFont: e,
-		applyFont: (e) => {
-			document.execCommand("fontName", !1, e), t(e);
-		}
-	};
-}
-//#endregion
 //#region src/components/shared/toolbar/FontName/Components/index.jsx
-function v() {
-	return /* @__PURE__ */ c(g, { logic: _() });
+function T({ editorRef: e }) {
+	let { currentFont: t, applyFont: n } = b(e);
+	return /* @__PURE__ */ c(w, {
+		currentFont: t,
+		applyFont: n
+	});
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Components/colorPalette.jsx
-var y = [
+var E = [
 	[
 		"#000000",
 		"#424242",
@@ -368,151 +649,163 @@ var y = [
 		"#4A1031"
 	]
 ];
-function b({ event: e, onApply: t }) {
+function D({ event: e, onApply: t, currentColor: n }) {
 	return /* @__PURE__ */ c("div", {
-		className: "forge-color-palette",
-		children: y.map((n, r) => /* @__PURE__ */ c("div", {
-			className: "forge-color-row",
-			children: n.map((n) => /* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-color-button",
-				style: { backgroundColor: n },
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => t(e, n),
-				"aria-label": n
-			}, n))
-		}, r))
+		className: "forge-color-palette flex flex-col gap-1",
+		children: E.map((r, i) => /* @__PURE__ */ c("div", {
+			className: "forge-color-row flex gap-1 justify-between",
+			children: r.map((r) => {
+				let i = n?.toLowerCase() === r.toLowerCase();
+				return /* @__PURE__ */ c("button", {
+					type: "button",
+					title: r,
+					className: `forge-color-button h-4 w-4 cursor-pointer rounded-[2px] border p-0 hover:scale-110 hover:border-black transition-transform ${i ? "border-2 border-black" : "border-[#ccc]"}`,
+					style: { backgroundColor: r },
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => t(e, r),
+					"aria-label": r,
+					"aria-pressed": i
+				}, r);
+			})
+		}, i))
 	});
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Components/ColorToolbar.jsx
-function x({ logic: e }) {
+function te({ logic: e }) {
 	let { applyColor: t, applyRecentColor: i, resetColor: a, recentForeColor: o, recentBackColor: s } = e, l = r(null), u = r(null), d = r(null), f = r(null);
-	return n(() => {
-		if (l.current && u.current) return m(l.current, u.current);
+	n(() => {
+		if (l.current && u.current) return x(l.current, u.current);
 	}, []), n(() => {
-		if (d.current && f.current) return m(d.current, f.current);
-	}, []), /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-color",
+		if (d.current && f.current) return x(d.current, f.current);
+	}, []);
+	let p = (e, n) => {
+		t(e, n), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
+	}, m = (e, n) => {
+		t(e, n), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
+	}, h = () => {
+		a("foreColor"), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
+	}, g = () => {
+		a("backColor"), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
+	}, _ = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 group-has-[.is-open]:hidden rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]", v = () => /* @__PURE__ */ c("svg", {
+		className: "h-2 w-2 fill-current text-[#666]",
+		viewBox: "0 0 10 6",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ c("path", { d: "M0 0l5 6 5-6H0z" })
+	});
+	return /* @__PURE__ */ c("div", {
+		className: "forge-toolbar-group forge-toolbar-color flex items-center gap-1",
 		children: [/* @__PURE__ */ c("div", {
-			className: "forge-color-item",
+			className: "forge-color-item relative flex items-center",
 			children: [/* @__PURE__ */ c("div", {
-				className: "forge-color-button-group",
+				className: "forge-color-button-group flex h-[30px] items-center overflow-visible rounded border border-[#ccc] bg-white hover:border-[#aaa] hover:bg-[#f9f9f9]",
 				children: [/* @__PURE__ */ c("button", {
 					type: "button",
-					className: "forge-color-main forge-toolbar-button",
+					className: "forge-color-main group relative flex h-full items-center justify-center min-w-[28px] cursor-pointer border-none bg-transparent p-0 hover:bg-black/5",
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: () => i("foreColor"),
 					"aria-label": "Apply text color",
 					children: [/* @__PURE__ */ c("span", {
-						className: "forge-recent-color",
+						className: "forge-recent-color flex h-5 w-5 items-center justify-center rounded-[2px] border border-[#ccc] text-xs font-bold",
 						style: {
 							backgroundColor: "transparent",
 							color: o
 						},
 						children: "A"
 					}), /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
+						className: _,
 						"data-i18n": "recentColor",
 						children: "Recent Color"
 					})]
 				}), /* @__PURE__ */ c("button", {
 					ref: l,
 					type: "button",
-					className: "forge-color-dropdown-btn forge-toolbar-button",
+					className: "forge-color-dropdown-btn group relative flex h-full items-center justify-center min-w-[18px] cursor-pointer border-l border-[#ccc] bg-transparent px-1 hover:bg-black/5",
 					onMouseDown: (e) => e.preventDefault(),
 					"aria-label": "More text colors",
-					children: ["▼", /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
+					children: [/* @__PURE__ */ c(v, {}), /* @__PURE__ */ c("span", {
+						className: _,
 						"data-i18n": "moreColor",
 						children: "More Color"
 					})]
 				})]
 			}), /* @__PURE__ */ c("div", {
 				ref: u,
-				className: "forge-toolbar-dropdown forge-dropdown-color",
+				className: "forge-toolbar-dropdown forge-dropdown-color absolute left-0 top-full z-20 hidden mt-1 max-h-[220px] min-w-[180px] overflow-y-auto rounded border border-[#ccc] bg-white p-2 shadow-md rtl:left-auto rtl:right-0 [&.is-open]:block",
 				children: /* @__PURE__ */ c("div", {
 					className: "forge-color-section",
 					children: [/* @__PURE__ */ c("div", {
-						className: "forge-color-section-header",
+						className: "forge-color-section-header mb-1.5 flex items-center justify-between",
 						children: [/* @__PURE__ */ c("span", {
-							className: "forge-color-title",
+							className: "forge-color-title text-xs font-bold text-[#333]",
 							children: "Text Color"
 						}), /* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-color-reset",
+							className: "forge-color-reset cursor-pointer rounded border border-[#ccc] bg-[#f5f5f5] px-2 py-0.5 text-[11px] font-medium text-[#333] hover:border-[#999] hover:bg-[#e6e6e6]",
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => {
-								a("foreColor"), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
-							},
+							onClick: h,
 							children: "Reset"
 						})]
-					}), /* @__PURE__ */ c(b, {
+					}), /* @__PURE__ */ c(D, {
 						event: "foreColor",
-						onApply: (e, n) => {
-							t(e, n), u.current && u.current.classList.remove("is-open"), l.current && l.current.classList.remove("is-active");
-						}
+						onApply: p
 					})]
 				})
 			})]
 		}), /* @__PURE__ */ c("div", {
-			className: "forge-color-item",
+			className: "forge-color-item relative flex items-center",
 			children: [/* @__PURE__ */ c("div", {
-				className: "forge-color-button-group",
+				className: "forge-color-button-group flex h-[30px] items-center overflow-visible rounded border border-[#ccc] bg-white hover:border-[#aaa] hover:bg-[#f9f9f9]",
 				children: [/* @__PURE__ */ c("button", {
 					type: "button",
-					className: "forge-color-main forge-toolbar-button",
+					className: "forge-color-main group relative flex h-full items-center justify-center min-w-[28px] cursor-pointer border-none bg-transparent p-0 hover:bg-black/5",
 					onMouseDown: (e) => e.preventDefault(),
 					onClick: () => i("backColor"),
 					"aria-label": "Apply background color",
 					children: [/* @__PURE__ */ c("span", {
-						className: "forge-recent-color",
+						className: "forge-recent-color flex h-5 w-5 items-center justify-center rounded-[2px] border border-[#ccc] text-xs font-bold",
 						style: {
-							backgroundColor: s,
+							backgroundColor: s || "#FFFFFF",
 							color: "#000"
 						},
 						children: "A"
 					}), /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
+						className: _,
 						"data-i18n": "recentBackColor",
 						children: "Recent Background Color"
 					})]
 				}), /* @__PURE__ */ c("button", {
 					ref: d,
 					type: "button",
-					className: "forge-color-dropdown-btn forge-toolbar-button",
+					className: "forge-color-dropdown-btn group relative flex h-full items-center justify-center min-w-[18px] cursor-pointer border-l border-[#ccc] bg-transparent px-1 hover:bg-black/5",
 					onMouseDown: (e) => e.preventDefault(),
 					"aria-label": "More background colors",
-					children: ["▼", /* @__PURE__ */ c("span", {
-						className: "forge-tooltip",
+					children: [/* @__PURE__ */ c(v, {}), /* @__PURE__ */ c("span", {
+						className: _,
 						"data-i18n": "moreBackColor",
 						children: "More Background Colors"
 					})]
 				})]
 			}), /* @__PURE__ */ c("div", {
 				ref: f,
-				className: "forge-toolbar-dropdown forge-dropdown-color",
+				className: "forge-toolbar-dropdown forge-dropdown-color absolute left-0 top-full z-20 hidden mt-1 max-h-[220px] min-w-[180px] overflow-y-auto rounded border border-[#ccc] bg-white p-2 shadow-md rtl:left-auto rtl:right-0 [&.is-open]:block",
 				children: /* @__PURE__ */ c("div", {
 					className: "forge-color-section",
 					children: [/* @__PURE__ */ c("div", {
-						className: "forge-color-section-header",
+						className: "forge-color-section-header mb-1.5 flex items-center justify-between",
 						children: [/* @__PURE__ */ c("span", {
-							className: "forge-color-title",
+							className: "forge-color-title text-xs font-bold text-[#333]",
 							children: "Background Color"
 						}), /* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-color-reset",
+							className: "forge-color-reset cursor-pointer rounded border border-[#ccc] bg-[#f5f5f5] px-2 py-0.5 text-[11px] font-medium text-[#333] hover:border-[#999] hover:bg-[#e6e6e6]",
 							onMouseDown: (e) => e.preventDefault(),
-							onClick: () => {
-								a("backColor"), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
-							},
-							children: "Transparent"
+							onClick: g,
+							children: "White"
 						})]
-					}), /* @__PURE__ */ c(b, {
+					}), /* @__PURE__ */ c(D, {
 						event: "backColor",
-						onApply: (e, n) => {
-							t(e, n), f.current && f.current.classList.remove("is-open"), d.current && d.current.classList.remove("is-active");
-						}
+						onApply: m
 					})]
 				})
 			})]
@@ -521,23 +814,23 @@ function x({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Hooks/colorUtils.jsx
-function S(e) {
+function O(e) {
 	let t = document.createElement("span");
 	t.style.color = e, document.body.appendChild(t);
 	let n = window.getComputedStyle(t).color;
 	return document.body.removeChild(t), n;
 }
-function C(e, t) {
+function ne(e, t) {
 	let n = e;
 	for (; n && n !== document.body;) {
-		if (n.nodeType === Node.ELEMENT_NODE && n.tagName === "SPAN" && n.style.color && S(n.style.color) === t) return n;
+		if (n.nodeType === Node.ELEMENT_NODE && n.tagName === "SPAN" && n.style.color && O(n.style.color) === t) return n;
 		n = n.parentElement;
 	}
 	return null;
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Hooks/usePenMode.jsx
-function w(e, t) {
+function re(e, t) {
 	n(() => {
 		function n(n) {
 			if (n.inputType !== "insertText" || !n.data || !e.current) return;
@@ -547,9 +840,9 @@ function w(e, t) {
 			if (!i || !i.rangeCount) return;
 			let a = i.getRangeAt(0);
 			if (!a.collapsed) return;
-			let o = S(e.current), s = a.startContainer;
+			let o = O(e.current), s = a.startContainer;
 			s.nodeType === Node.TEXT_NODE && (s = s.parentElement);
-			let c = C(s, o);
+			let c = ne(s, o);
 			if (n.preventDefault(), c) {
 				let e = document.createTextNode(n.data);
 				a.insertNode(e), a.setStartAfter(e), a.collapse(!0), i.removeAllRanges(), i.addRange(a);
@@ -564,13 +857,30 @@ function w(e, t) {
 	}, []);
 }
 //#endregion
+//#region src/components/shared/toolbar/Color/Hooks/foreColorHandler.jsx
+var ie = (e, t, n) => {
+	let r = n || "#000000";
+	if (!e) return;
+	if (!e.collapsed) {
+		let n = e.extractContents(), i = document.createElement("span");
+		i.style.color = r, i.appendChild(n), e.insertNode(i);
+		let a = document.createRange();
+		a.selectNodeContents(i), t.removeAllRanges(), t.addRange(a);
+		return;
+	}
+	let i = document.createElement("span");
+	i.style.color = r, i.appendChild(document.createTextNode("​")), e.insertNode(i);
+	let a = document.createRange();
+	a.setStart(i.firstChild, 1), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+};
+//#endregion
 //#region src/components/shared/toolbar/Color/Hooks/useForeColor.jsx
-function T(e = "forge-editor__content") {
+function ae(e = "forge-editor__content") {
 	let [t, n] = i("#000000"), a = r(null);
-	w(a, e);
+	re(a, e);
 	let o = (e) => {
-		let t = window.getSelection();
-		t && t.rangeCount && !t.getRangeAt(0).collapsed && (document.execCommand("styleWithCSS", !1, !0), document.execCommand("foreColor", !1, e)), a.current = e, n(e);
+		let t = e || "#000000", r = window.getSelection();
+		r && r.rangeCount > 0 && ie(r.getRangeAt(0), r, t), a.current = t, n(t);
 	};
 	return {
 		recentForeColor: t,
@@ -579,31 +889,72 @@ function T(e = "forge-editor__content") {
 			o(t);
 		},
 		resetForeColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("removeFormat", !1, null), a.current = null, n("#000000");
+			o("#000000"), a.current = null;
 		}
 	};
 }
 //#endregion
+//#region src/components/shared/toolbar/Color/Hooks/usePenModeBack.jsx
+function k(e, t) {
+	n(() => {
+		let n = (n) => {
+			if (!e.current || n.inputType !== "insertText" || !n.data) return;
+			let r = window.getSelection();
+			if (!r || !r.rangeCount) return;
+			let i = r.getRangeAt(0);
+			if (!(i.startContainer.nodeType === 1 ? i.startContainer.closest(`.${t}`) : i.startContainer.parentElement?.closest(`.${t}`))) return;
+			n.preventDefault();
+			let a = document.createElement("span");
+			a.style.backgroundColor = e.current, a.textContent = n.data, i.deleteContents(), i.insertNode(a);
+			let o = document.createRange();
+			o.setStartAfter(a), o.collapse(!0), r.removeAllRanges(), r.addRange(o);
+		};
+		return document.addEventListener("beforeinput", n, !0), () => {
+			document.removeEventListener("beforeinput", n, !0);
+		};
+	}, [t, e]);
+}
+//#endregion
+//#region src/components/shared/toolbar/Color/Hooks/backColorHandler.jsx
+var A = (e, t, n) => {
+	let r = n || "#FFFFFF";
+	if (!e) return;
+	if (!e.collapsed) {
+		let n = e.extractContents(), i = document.createElement("span");
+		i.style.backgroundColor = r, i.appendChild(n), e.insertNode(i);
+		let a = document.createRange();
+		a.selectNodeContents(i), t.removeAllRanges(), t.addRange(a);
+		return;
+	}
+	let i = document.createElement("span");
+	i.style.backgroundColor = r, i.appendChild(document.createTextNode("​")), e.insertNode(i);
+	let a = document.createRange();
+	a.setStart(i.firstChild, 1), a.collapse(!0), t.removeAllRanges(), t.addRange(a);
+};
+//#endregion
 //#region src/components/shared/toolbar/Color/Hooks/useBackColor.jsx
-function E() {
-	let [e, t] = i("#FFFF00");
+function oe(e = "forge-editor__content") {
+	let [t, n] = i("#FFFFFF"), a = r(null);
+	k(a, e);
+	let o = (e) => {
+		let t = e || "#FFFFFF", r = window.getSelection();
+		r && r.rangeCount > 0 && A(r.getRangeAt(0), r, t), a.current = t, n(t);
+	};
 	return {
-		recentBackColor: e,
-		applyBackColor: (e) => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, e), t(e);
-		},
+		recentBackColor: t,
+		applyBackColor: o,
 		applyRecentBackColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, e);
+			o(t);
 		},
 		resetBackColor: () => {
-			document.execCommand("styleWithCSS", !1, !0), document.execCommand("backColor", !1, "transparent"), t("transparent");
+			o("#FFFFFF"), a.current = null;
 		}
 	};
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Hooks/colorLogic.jsx
-function D() {
-	let e = T(), t = E();
+function se() {
+	let e = ae(), t = oe();
 	return {
 		applyColor: (n, r) => {
 			n === "foreColor" ? e.applyForeColor(r) : n === "backColor" && t.applyBackColor(r);
@@ -620,369 +971,421 @@ function D() {
 }
 //#endregion
 //#region src/components/shared/toolbar/Color/Components/index.jsx
-function O() {
-	return console.log("[CreateColorToolbar] Rendering ColorToolbar"), /* @__PURE__ */ c(x, { logic: D() });
+function ce() {
+	return /* @__PURE__ */ c(te, { logic: se() });
 }
 //#endregion
 //#region src/components/shared/toolbar/Paragraph/Components/ParagraphToolbar.jsx
-function ee({ logic: e }) {
-	let { execCommand: t } = e, i = r(null), a = r(null);
-	return n(() => {
-		if (i.current && a.current) return m(i.current, a.current);
-	}, []), /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-paragraph",
+function le({ logic: e = {} }) {
+	let { saveSelectionRange: t, toggleUnorderedList: a, toggleOrderedList: o, setAlignment: s, outdent: l, indent: u } = e, [d, f] = i(!1), p = r(null);
+	n(() => {
+		let e = (e) => {
+			p.current && !p.current.contains(e.target) && f(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let m = (e, n, r = null) => {
+		e.preventDefault(), typeof t == "function" && t(), typeof n == "function" && n(r);
+	}, h = "forge-toolbar-button group relative flex h-8 items-center justify-center bg-white px-2.5 text-sm transition-all duration-150 hover:bg-[#f5f5f5] active:bg-[#e8e8e8] focus:outline-none", g = "forge-toolbar-icon inline-block h-4 w-4", _ = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]", v = "group relative flex h-7 w-7 items-center justify-center rounded hover:bg-gray-100";
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		className: "forge-toolbar-group forge-toolbar-paragraph relative inline-flex items-center text-black",
 		children: [
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: () => t("insertUnorderedList"),
-				"aria-label": "Unordered list",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
-						children: [
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "4",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "10",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("circle", {
-								cx: "2.5",
-								cy: "16",
-								r: "1.5"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "3",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "9",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
+			/* @__PURE__ */ c("style", { children: "\n                .forge-toolbar-paragraph svg * {\n                    vector-effect: non-scaling-stroke;\n                }\n            " }),
+			/* @__PURE__ */ c("div", {
+				className: "inline-flex rounded-md border border-[#d1d5db] bg-white shadow-sm -space-x-px",
+				children: [
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: h,
+						onMouseDown: (e) => m(e, a),
+						"aria-label": "Unordered list",
+						children: [/* @__PURE__ */ c("span", {
+							className: g,
+							children: /* @__PURE__ */ c("svg", {
+								viewBox: "0 0 20 20",
+								className: "block h-4 w-4",
+								children: [
+									/* @__PURE__ */ c("circle", {
+										cx: "3",
+										cy: "5",
+										r: "1.5",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("circle", {
+										cx: "3",
+										cy: "10",
+										r: "1.5",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("circle", {
+										cx: "3",
+										cy: "15",
+										r: "1.5",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "4",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "9",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "14",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									})
+								]
 							})
-						]
-					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "unorderedList",
-					children: "Bullet list"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				type: "button",
-				className: "forge-toolbar-button",
-				onClick: () => t("insertOrderedList"),
-				"aria-label": "Ordered list",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
-						children: [
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "3",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "9",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("rect", {
-								x: "7",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
-							}),
-							/* @__PURE__ */ c("path", {
-								d: "M 1.5 4.5 L 3.5 3 L 3.5 10 M 2 10 L 5 10",
-								fill: "none",
-								stroke: "#000",
-								strokeWidth: "1.8",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
-							}),
-							/* @__PURE__ */ c("path", {
-								d: "M 1.5 14 C 1.5 12.8 4.5 12.8 4.5 14.5 C 4.5 16 1.5 16.5 1.5 18 L 5 18",
-								fill: "none",
-								stroke: "#000",
-								strokeWidth: "1.8",
-								strokeLinecap: "round",
-								strokeLinejoin: "round"
+						}), /* @__PURE__ */ c("span", {
+							className: _,
+							"data-i18n": "unorderedList",
+							children: "Bullet list"
+						})]
+					}),
+					/* @__PURE__ */ c("div", { className: "w-[1px] bg-[#e5e7eb] my-1" }),
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: h,
+						onMouseDown: (e) => m(e, o),
+						"aria-label": "Ordered list",
+						children: [/* @__PURE__ */ c("span", {
+							className: g,
+							children: /* @__PURE__ */ c("svg", {
+								viewBox: "0 0 20 20",
+								className: "block h-4 w-4",
+								children: [
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "4",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "9",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("rect", {
+										x: "7",
+										y: "14",
+										width: "11",
+										height: "2",
+										rx: "1",
+										fill: "black"
+									}),
+									/* @__PURE__ */ c("path", {
+										d: "M 1.5 4.5 L 3.5 3 L 3.5 10 M 2 10 L 5 10",
+										fill: "none",
+										stroke: "black",
+										strokeWidth: "1.6",
+										strokeLinecap: "round",
+										strokeLinejoin: "round"
+									}),
+									/* @__PURE__ */ c("path", {
+										d: "M 1.5 14 C 1.5 12.8 4.5 12.8 4.5 14.5 C 4.5 16 1.5 16.5 1.5 18 L 5 18",
+										fill: "none",
+										stroke: "black",
+										strokeWidth: "1.6",
+										strokeLinecap: "round",
+										strokeLinejoin: "round"
+									})
+								]
 							})
-						]
-					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "orderedList",
-					children: "Numbered list"
-				})]
-			}),
-			/* @__PURE__ */ c("button", {
-				ref: i,
-				type: "button",
-				className: "forge-toolbar-button",
-				"aria-label": "Paragraph",
-				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
-					children: /* @__PURE__ */ c("svg", {
-						viewBox: "0 0 20 20",
-						width: "16",
-						height: "16",
+						}), /* @__PURE__ */ c("span", {
+							className: _,
+							"data-i18n": "orderedList",
+							children: "Numbered list"
+						})]
+					}),
+					/* @__PURE__ */ c("div", { className: "w-[1px] bg-[#e5e7eb] my-1" }),
+					/* @__PURE__ */ c("button", {
+						type: "button",
+						className: `${h} gap-1 pr-1.5`,
+						onMouseDown: (e) => {
+							e.preventDefault(), typeof t == "function" && t();
+						},
+						onClick: () => f(!d),
+						"aria-label": "Paragraph",
 						children: [
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "3",
-								width: "18",
-								height: "2",
-								rx: "1"
+							/* @__PURE__ */ c("span", {
+								className: g,
+								children: /* @__PURE__ */ c("svg", {
+									viewBox: "0 0 20 20",
+									className: "block h-4 w-4",
+									children: [
+										/* @__PURE__ */ c("rect", {
+											x: "1",
+											y: "4",
+											width: "18",
+											height: "2",
+											rx: "1",
+											fill: "black"
+										}),
+										/* @__PURE__ */ c("rect", {
+											x: "1",
+											y: "9",
+											width: "18",
+											height: "2",
+											rx: "1",
+											fill: "black"
+										}),
+										/* @__PURE__ */ c("rect", {
+											x: "1",
+											y: "14",
+											width: "12",
+											height: "2",
+											rx: "1",
+											fill: "black"
+										})
+									]
+								})
 							}),
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "9",
-								width: "18",
-								height: "2",
-								rx: "1"
+							/* @__PURE__ */ c("svg", {
+								className: `h-2.5 w-2.5 fill-current text-gray-700 transition-transform ${d ? "rotate-180" : ""}`,
+								viewBox: "0 0 20 20",
+								children: /* @__PURE__ */ c("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
 							}),
-							/* @__PURE__ */ c("rect", {
-								x: "1",
-								y: "15",
-								width: "12",
-								height: "2",
-								rx: "1"
+							/* @__PURE__ */ c("span", {
+								className: _,
+								"data-i18n": "paragraph",
+								children: "Paragraph options"
 							})
 						]
 					})
-				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
-					"data-i18n": "paragraph",
-					children: "Paragraph"
-				})]
+				]
 			}),
-			/* @__PURE__ */ c("div", {
-				ref: a,
-				className: "forge-toolbar-dropdown forge-dropdown-paragraph",
+			d && /* @__PURE__ */ c("div", {
+				className: "forge-toolbar-dropdown absolute left-0 top-full mt-1 z-20 min-w-[130px] rounded-md border border-[#ccc] bg-white p-1 shadow-lg rtl:left-auto rtl:right-0 block",
 				role: "list",
 				"aria-label": "Paragraph options",
 				children: [/* @__PURE__ */ c("div", {
-					className: "forge-toolbar-group forge-toolbar-align",
+					className: "forge-toolbar-group forge-toolbar-align mb-0.5 flex gap-0.5 border-b border-[#eee] pb-1",
 					children: [
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyLeft"),
+							className: v,
+							onMouseDown: (e) => {
+								m(e, s, "left"), f(!1);
+							},
 							"aria-label": "Align left",
 							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
+								className: g,
 								children: /* @__PURE__ */ c("svg", {
 									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
+									className: "block h-4 w-4",
 									children: [
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "3",
+											y: "4",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
 											y: "9",
 											width: "12",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "15",
+											y: "14",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										})
 									]
 								})
 							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
+								className: _,
 								"data-i18n": "alignLeft",
-								children: "Left"
+								children: "Align left"
 							})]
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyCenter"),
+							className: v,
+							onMouseDown: (e) => {
+								m(e, s, "center"), f(!1);
+							},
 							"aria-label": "Align center",
 							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
+								className: g,
 								children: /* @__PURE__ */ c("svg", {
 									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
+									className: "block h-4 w-4",
 									children: [
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "3",
+											y: "4",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "4",
 											y: "9",
 											width: "12",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "15",
+											y: "14",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										})
 									]
 								})
 							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
+								className: _,
 								"data-i18n": "alignCenter",
-								children: "Center"
+								children: "Align center"
 							})]
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyRight"),
+							className: v,
+							onMouseDown: (e) => {
+								m(e, s, "right"), f(!1);
+							},
 							"aria-label": "Align right",
 							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
+								className: g,
 								children: /* @__PURE__ */ c("svg", {
 									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
+									className: "block h-4 w-4",
 									children: [
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "3",
+											y: "4",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "7",
 											y: "9",
 											width: "12",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "15",
+											y: "14",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										})
 									]
 								})
 							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
+								className: _,
 								"data-i18n": "alignRight",
-								children: "Right"
+								children: "Align right"
 							})]
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "forge-toolbar-button",
-							onClick: () => t("justifyFull"),
+							className: v,
+							onMouseDown: (e) => {
+								m(e, s, "justify"), f(!1);
+							},
 							"aria-label": "Justify",
 							children: [/* @__PURE__ */ c("span", {
-								className: "forge-toolbar-icon",
+								className: g,
 								children: /* @__PURE__ */ c("svg", {
 									viewBox: "0 0 20 20",
-									width: "16",
-									height: "16",
+									className: "block h-4 w-4",
 									children: [
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "3",
+											y: "4",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
 											y: "9",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										}),
 										/* @__PURE__ */ c("rect", {
 											x: "1",
-											y: "15",
+											y: "14",
 											width: "18",
 											height: "2",
-											rx: "1"
+											rx: "1",
+											fill: "black"
 										})
 									]
 								})
 							}), /* @__PURE__ */ c("span", {
-								className: "forge-tooltip",
+								className: _,
 								"data-i18n": "justify",
 								children: "Justify"
 							})]
 						})
 					]
 				}), /* @__PURE__ */ c("div", {
-					className: "forge-toolbar-group forge-toolbar-list",
+					className: "forge-toolbar-group forge-toolbar-list flex gap-0.5 py-0.5",
 					children: [/* @__PURE__ */ c("button", {
 						type: "button",
-						className: "forge-toolbar-button",
-						onClick: () => t("outdent"),
+						className: v,
+						onMouseDown: (e) => {
+							m(e, l), f(!1);
+						},
 						"aria-label": "Outdent",
 						children: [/* @__PURE__ */ c("span", {
-							className: "forge-toolbar-icon",
+							className: g,
 							children: /* @__PURE__ */ c("svg", {
 								viewBox: "0 0 20 20",
-								width: "16",
-								height: "16",
+								className: "block h-4 w-4",
 								fill: "none",
-								stroke: "currentColor",
+								stroke: "black",
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								children: [
 									/* @__PURE__ */ c("line", {
 										x1: "9",
-										y1: "3",
+										y1: "4",
 										x2: "19",
-										y2: "3"
+										y2: "4"
 									}),
 									/* @__PURE__ */ c("line", {
 										x1: "9",
@@ -992,40 +1395,41 @@ function ee({ logic: e }) {
 									}),
 									/* @__PURE__ */ c("line", {
 										x1: "9",
-										y1: "17",
+										y1: "16",
 										x2: "19",
-										y2: "17"
+										y2: "16"
 									}),
-									/* @__PURE__ */ c("polyline", { points: "6,7 2,10 6,13" })
+									/* @__PURE__ */ c("polyline", { points: "6,8 2,12 6,16" })
 								]
 							})
 						}), /* @__PURE__ */ c("span", {
-							className: "forge-tooltip",
+							className: _,
 							"data-i18n": "outdent",
 							children: "Outdent"
 						})]
 					}), /* @__PURE__ */ c("button", {
 						type: "button",
-						className: "forge-toolbar-button",
-						onClick: () => t("indent"),
+						className: v,
+						onMouseDown: (e) => {
+							m(e, u), f(!1);
+						},
 						"aria-label": "Indent",
 						children: [/* @__PURE__ */ c("span", {
-							className: "forge-toolbar-icon",
+							className: g,
 							children: /* @__PURE__ */ c("svg", {
 								viewBox: "0 0 20 20",
-								width: "16",
-								height: "16",
+								className: "block h-4 w-4",
 								fill: "none",
-								stroke: "currentColor",
+								stroke: "black",
 								strokeWidth: "2",
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								children: [
 									/* @__PURE__ */ c("line", {
 										x1: "9",
-										y1: "3",
+										y1: "4",
 										x2: "19",
-										y2: "3"
+										y2: "4"
 									}),
 									/* @__PURE__ */ c("line", {
 										x1: "9",
@@ -1035,15 +1439,15 @@ function ee({ logic: e }) {
 									}),
 									/* @__PURE__ */ c("line", {
 										x1: "9",
-										y1: "17",
+										y1: "16",
 										x2: "19",
-										y2: "17"
+										y2: "16"
 									}),
-									/* @__PURE__ */ c("polyline", { points: "2,7 6,10 2,13" })
+									/* @__PURE__ */ c("polyline", { points: "2,8 6,12 2,16" })
 								]
 							})
 						}), /* @__PURE__ */ c("span", {
-							className: "forge-tooltip",
+							className: _,
 							"data-i18n": "indent",
 							children: "Indent"
 						})]
@@ -1055,72 +1459,237 @@ function ee({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Paragraph/Hooks/paragraphLogic.jsx
-function k() {
-	return { execCommand: (e) => {
-		document.execCommand(e, !1, null);
-	} };
+function j() {
+	let e = window.getSelection();
+	return e && e.rangeCount > 0 ? e.getRangeAt(0).cloneRange() : null;
+}
+function M(e) {
+	if (!e) return;
+	let t = window.getSelection();
+	t && (t.removeAllRanges(), t.addRange(e));
+}
+function N(e) {
+	if (!e) return;
+	let t = document.createRange();
+	t.selectNodeContents(e), t.collapse(!1);
+	let n = window.getSelection();
+	n && (n.removeAllRanges(), n.addRange(t));
+}
+function P(e) {
+	if (!e || e.nodeType !== 1) return !1;
+	let t = e.tagName.toLowerCase();
+	return [
+		"p",
+		"div",
+		"h1",
+		"h2",
+		"h3",
+		"h4",
+		"h5",
+		"h6",
+		"li",
+		"blockquote",
+		"pre"
+	].includes(t);
+}
+function F(e) {
+	if (!e) return null;
+	let t = e.nodeType === 3 ? e.parentNode : e;
+	for (; t && t !== document.body && !P(t);) t = t.parentNode;
+	return t && P(t) ? t : null;
+}
+function I(e) {
+	if (!e) return null;
+	let t = e.nodeType === 3 ? e.parentNode : e;
+	for (; t && t !== document.body && t.tagName !== "LI";) t = t.parentNode;
+	return t && t.tagName === "LI" ? t : null;
+}
+function L(e) {
+	let t = document.createElement(e);
+	return t.className = e === "ul" ? "list-disc pl-5 my-2" : "list-decimal pl-5 my-2", t;
+}
+function R(e, t) {
+	let n = L(t), r = document.createElement("li");
+	return r.innerHTML = e.innerHTML, n.appendChild(r), e.parentNode.replaceChild(n, e), r;
+}
+function z(e) {
+	let t = e.parentNode, n = document.createDocumentFragment(), r = Array.from(e.children), i = null;
+	return r.forEach((e) => {
+		let t = document.createElement("div");
+		t.innerHTML = e.innerHTML, n.appendChild(t), i = t;
+	}), t.replaceChild(n, e), i;
+}
+function B(e, t) {
+	let n = L(t);
+	return n.innerHTML = e.innerHTML, e.parentNode.replaceChild(n, e), n;
+}
+function V() {
+	let e = r(null), t = () => {
+		e.current = j();
+	}, n = (t) => {
+		M(e.current);
+		let n = window.getSelection();
+		if (!n || !n.rangeCount) return;
+		let r = n.anchorNode;
+		if (!r) return;
+		r.nodeType === 3 && (r = r.parentNode);
+		let i = I(r);
+		if (i) {
+			let n = i.parentNode;
+			if (n && (n.tagName === "UL" || n.tagName === "OL")) {
+				if (n.tagName.toLowerCase() === t) {
+					let e = z(n);
+					e && N(e);
+				} else {
+					let e = B(n, t).lastElementChild;
+					e && N(e);
+				}
+				e.current = j();
+				return;
+			}
+		}
+		let a = F(r);
+		if (a) {
+			if (a.getAttribute && a.getAttribute("contenteditable") === "true") {
+				let e = document.createElement("div");
+				e.innerHTML = a.innerHTML, a.innerHTML = "", a.appendChild(e), N(R(e, t));
+			} else N(R(a, t));
+			e.current = j();
+		}
+	};
+	return {
+		saveSelectionRange: t,
+		toggleUnorderedList: () => n("ul"),
+		toggleOrderedList: () => n("ol"),
+		setAlignment: (t) => {
+			M(e.current);
+			let n = window.getSelection();
+			if (!n || !n.rangeCount) return;
+			let r = n.anchorNode;
+			if (!r) return;
+			r.nodeType === 3 && (r = r.parentNode);
+			let i = r.closest("p, div, h1, h2, h3, h4, h5, h6, li, blockquote, pre");
+			i && (i.style.textAlign = t), e.current = j();
+		},
+		indent: () => {
+			M(e.current);
+			let t = window.getSelection();
+			if (!t || !t.rangeCount) return;
+			let n = t.anchorNode;
+			if (!n) return;
+			n.nodeType === 3 && (n = n.parentNode);
+			let r = I(n);
+			if (r) {
+				let e = r.parentNode;
+				if (!e || e.tagName !== "UL" && e.tagName !== "OL") return;
+				let t = r.previousElementSibling;
+				if (!t || t.tagName !== "LI") return;
+				let n = t.querySelector(":scope > ul, :scope > ol");
+				n || (n = L(e.tagName.toLowerCase()), t.appendChild(n)), n.appendChild(r), N(r);
+			} else {
+				let e = F(n);
+				if (!e) return;
+				let t = parseInt(e.style.marginLeft) || 0;
+				e.style.marginLeft = t + 20 + "px";
+			}
+			e.current = j();
+		},
+		outdent: () => {
+			M(e.current);
+			let t = window.getSelection();
+			if (!t || !t.rangeCount) return;
+			let n = t.anchorNode;
+			if (!n) return;
+			n.nodeType === 3 && (n = n.parentNode);
+			let r = I(n);
+			if (r) {
+				let e = r.parentNode;
+				if (!e || e.tagName !== "UL" && e.tagName !== "OL") return;
+				let t = e.parentNode;
+				if (t && t.tagName === "LI") t.parentNode.insertBefore(r, t.nextSibling), e.children.length === 0 && e.remove(), N(r);
+				else {
+					let t = document.createElement("div");
+					t.innerHTML = r.innerHTML;
+					let n = e.parentNode;
+					e.children.length === 1 ? n.replaceChild(t, e) : (n.insertBefore(t, e.nextSibling), e.removeChild(r)), N(t);
+				}
+			} else {
+				let e = F(n);
+				if (!e) return;
+				let t = parseInt(e.style.marginLeft) || 0;
+				e.style.marginLeft = Math.max(0, t - 20) + "px";
+			}
+			e.current = j();
+		}
+	};
 }
 //#endregion
 //#region src/components/shared/toolbar/Paragraph/Components/index.jsx
-function A() {
-	return /* @__PURE__ */ c(ee, { logic: k() });
+function H() {
+	return /* @__PURE__ */ c(le, { logic: V() });
 }
 //#endregion
 //#region src/components/shared/toolbar/Table/Components/TableToolbar.jsx
-var j = 10;
-function M({ logic: e }) {
-	let { insertTable: t } = e, [a, o] = i(1), [s, l] = i(1), u = r(null), d = r(null), f = r(null);
+var U = 10;
+function W({ logic: e }) {
+	let { insertTable: t } = e, [a, o] = i(1), [s, l] = i(1), [u, d] = i(!1), f = r(null), p = r(null), m = r(null);
 	n(() => {
-		if (u.current && d.current) return m(u.current, d.current);
-	}, []);
-	let p = (e) => {
-		if (!f.current) return;
-		let t = f.current.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, i = t.width / j, a = Math.min(Math.floor(n / i) + 1, j), s = Math.min(Math.floor(r / i) + 1, j);
+		if (!u) return;
+		function e(e) {
+			p.current && !p.current.contains(e.target) && f.current && !f.current.contains(e.target) && d(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [u]);
+	let h = (e) => {
+		if (!m.current) return;
+		let t = m.current.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, i = t.width / U, a = Math.min(Math.floor(n / i) + 1, U), s = Math.min(Math.floor(r / i) + 1, U);
 		l(a), o(s);
-	}, h = () => {
-		o(1), l(1);
 	}, g = () => {
-		t(a, s), d.current && d.current.classList.remove("is-open"), u.current && u.current.classList.remove("is-active"), o(1), l(1);
-	}, _ = s / j * 100, v = a / j * 100;
+		o(1), l(1);
+	}, _ = () => {
+		t(a, s), d(!1), o(1), l(1);
+	}, v = s / U * 100, y = a / U * 100;
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-table",
+		className: "forge-toolbar-group forge-toolbar-table relative flex items-center gap-0.5",
 		children: [/* @__PURE__ */ c("button", {
-			ref: u,
+			ref: f,
 			type: "button",
-			className: "forge-toolbar-button",
+			className: "forge-toolbar-button group relative flex h-8 cursor-pointer items-center justify-center rounded-[2px] border border-[#ccc] bg-white px-2 text-sm leading-none transition-all duration-150 hover:bg-[#f0f0f0] active:translate-y-px",
 			"aria-label": "Table",
+			onClick: () => d(!u),
 			children: [/* @__PURE__ */ c("span", {
 				className: "forge-toolbar-icon",
 				children: "▦"
 			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
+				className: "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]",
 				"data-i18n": "table",
 				children: "Table"
 			})]
 		}), /* @__PURE__ */ c("div", {
-			ref: d,
-			className: "forge-toolbar-dropdown forge-dropdown-table",
+			ref: p,
+			className: `forge-toolbar-dropdown forge-dropdown-table absolute left-0 top-full z-10 mt-1 min-w-[160px] rounded-[3px] border border-[#ccc] bg-white p-2 shadow-[0_2px_6px_rgba(0,0,0,0.15)] rtl:left-auto rtl:right-0 ${u ? "block" : "hidden"}`,
 			role: "list",
 			"aria-label": "Insert table",
 			children: [/* @__PURE__ */ c("div", {
-				ref: f,
-				className: "note-dimension-picker",
-				onMouseMove: p,
-				onMouseLeave: h,
-				onClick: g,
+				ref: m,
+				className: "note-dimension-picker relative mx-auto h-40 w-40 cursor-pointer overflow-hidden rounded-[3px] border border-[#ccc] bg-[#f5f5f5]",
+				onMouseMove: h,
+				onMouseLeave: g,
+				onClick: _,
 				children: [
-					/* @__PURE__ */ c("div", { className: "note-dimension-picker-mousecatcher" }),
+					/* @__PURE__ */ c("div", { className: "absolute inset-0 z-[5]" }),
 					/* @__PURE__ */ c("div", {
-						className: "note-dimension-picker-highlighted",
+						className: "pointer-events-none absolute left-0 top-0 z-[3] border-2 border-[#4a90d9] bg-[rgba(74,144,217,0.4)] transition-[width,height] duration-75 ease-in-out",
 						style: {
-							width: _ + "%",
-							height: v + "%"
+							width: v + "%",
+							height: y + "%"
 						}
 					}),
-					/* @__PURE__ */ c("div", { className: "note-dimension-picker-unhighlighted" })
+					/* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-0 z-[2] bg-white/30" }),
+					/* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-0 z-[1] bg-[linear-gradient(rgba(0,0,0,0.05)_1px,transparent_1px),linear-gradient(90deg,rgba(0,0,0,0.05)_1px,transparent_1px)] bg-[size:16px_16px]" })
 				]
 			}), /* @__PURE__ */ c("div", {
-				className: "note-dimension-display",
+				className: "note-dimension-display px-0 pt-1.5 pb-0.5 text-center text-[13px] font-semibold text-[#333]",
 				children: [
 					a,
 					" x ",
@@ -1132,7 +1701,7 @@ function M({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Table/Hooks/tableLogic.jsx
-function N() {
+function G() {
 	let e = document.querySelector(".forge-editor__content");
 	if (e) {
 		e.focus();
@@ -1143,81 +1712,78 @@ function N() {
 		}
 	}
 }
-function P(e) {
+function K(e) {
 	let t = window.getSelection();
 	if (!t || !t.rangeCount) {
-		N(), setTimeout(() => P(e), 50);
+		G(), setTimeout(() => K(e), 50);
 		return;
 	}
 	let n = t.getRangeAt(0);
-	if (n.collapsed) {
-		let r = n.createContextualFragment(e);
-		n.insertNode(r);
-		let i = r.lastChild;
-		i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
-	} else document.execCommand("insertHTML", !1, e);
-}
-function F() {
+	n.deleteContents();
+	let r = n.createContextualFragment(e), i = r.lastChild;
+	n.insertNode(r), i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
+}
+function q() {
 	return { insertTable: (e, t) => {
-		let n = "<table style=\"width:100%;border-collapse:collapse;border:1px solid #ddd;\">";
-		for (let r = 0; r < e; r++) {
-			n += "<tr>";
-			for (let e = 0; e < t; e++) n += "<td style=\"border:1px solid #ddd;padding:8px;\"><br></td>";
-			n += "</tr>";
+		let n = (100 / t).toFixed(2) + "%", r = "<table style=\"width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ddd;\">";
+		for (let i = 0; i < e; i++) {
+			r += "<tr>";
+			for (let e = 0; e < t; e++) r += `<td style="border:1px solid #ddd;padding:8px;width:${n};text-align:center;vertical-align:middle;overflow:hidden;word-break:break-word;"><br></td>`;
+			r += "</tr>";
 		}
-		n += "</table><br>", N(), P(n);
+		r += "</table><br>", G(), K(r);
 	} };
 }
 //#endregion
 //#region src/components/shared/toolbar/Table/Components/index.jsx
-function I() {
-	return /* @__PURE__ */ c(M, { logic: F() });
+function ue() {
+	return /* @__PURE__ */ c(W, { logic: q() });
 }
 //#endregion
 //#region src/components/shared/toolbar/Insert/Components/InsertToolbar.jsx
-function L({ logic: e }) {
-	let { insertLink: t, insertImage: n, insertVideo: r } = e;
+function de({ logic: e }) {
+	let { insertLink: t, insertImage: n, insertVideo: r } = e, i = "forge-toolbar-button group relative flex h-8 cursor-pointer items-center justify-center gap-0.5 rounded-[2px] border border-[#ccc] bg-white px-[7px] py-1 text-sm leading-none transition-all duration-150 hover:bg-[#f0f0f0] active:translate-y-px", a = "forge-toolbar-icon inline-block min-w-4 text-center text-sm font-medium leading-none", o = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]";
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-insert",
+		className: "forge-toolbar-group forge-toolbar-insert flex items-center gap-0.5",
 		children: [
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button",
+				className: i,
 				onClick: t,
 				"aria-label": "Link",
 				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
+					className: a,
 					children: "🔗"
 				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
+					className: o,
 					"data-i18n": "link",
 					children: "Link"
 				})]
 			}),
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button",
+				className: i,
 				onClick: n,
 				"aria-label": "Image",
 				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
+					className: a,
 					children: "🖼"
 				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
+					className: o,
 					"data-i18n": "image",
 					children: "Image"
 				})]
 			}),
 			/* @__PURE__ */ c("button", {
 				type: "button",
-				className: "forge-toolbar-button",
+				className: i,
 				onClick: r,
 				"aria-label": "Video",
 				children: [/* @__PURE__ */ c("span", {
-					className: "forge-toolbar-icon",
+					className: a,
 					children: "▶"
 				}), /* @__PURE__ */ c("span", {
-					className: "forge-tooltip",
+					className: o,
 					"data-i18n": "video",
 					children: "Video"
 				})]
@@ -1227,7 +1793,7 @@ function L({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/Hooks/sweetAlert.jsx
-function R({ title: e, inputs: t, confirmText: n, cancelText: r }) {
+function J({ title: e, inputs: t, confirmText: n, cancelText: r }) {
 	let i = t.map((e, t) => `<input id="${`swal-input-${t}`}" class="swal2-input" placeholder="${e.placeholder || ""}" value="${e.value || ""}">`).join("");
 	return a.fire({
 		title: e,
@@ -1249,16 +1815,16 @@ function R({ title: e, inputs: t, confirmText: n, cancelText: r }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Insert/Hooks/insertLogic.jsx
-function z() {
+function Y() {
 	let e = window.getSelection();
 	return e && e.rangeCount > 0 ? e.getRangeAt(0).cloneRange() : null;
 }
-function B(e) {
+function X(e) {
 	if (!e) return;
 	let t = window.getSelection();
 	t && (t.removeAllRanges(), t.addRange(e));
 }
-function V() {
+function fe() {
 	let e = document.querySelector(".forge-editor__content");
 	if (e) {
 		e.focus();
@@ -1269,24 +1835,21 @@ function V() {
 		}
 	}
 }
-function H(e) {
+function Z(e) {
 	let t = window.getSelection();
 	if (!t || !t.rangeCount) {
-		V(), setTimeout(() => H(e), 50);
+		fe(), setTimeout(() => Z(e), 50);
 		return;
 	}
 	let n = t.getRangeAt(0);
-	if (n.collapsed) {
-		let r = n.createContextualFragment(e);
-		n.insertNode(r);
-		let i = r.lastChild;
-		i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
-	} else document.execCommand("insertHTML", !1, e);
-}
-function U() {
+	n.deleteContents();
+	let r = n.createContextualFragment(e), i = r.lastChild;
+	n.insertNode(r), i ? (n.setStartAfter(i), n.collapse(!0)) : n.collapse(!1), t.removeAllRanges(), t.addRange(n);
+}
+function pe() {
 	return {
 		insertLink: async () => {
-			let e = z(), t = await R({
+			let e = Y(), t = await J({
 				title: "Insert Link",
 				inputs: [{
 					placeholder: "URL",
@@ -1298,13 +1861,13 @@ function U() {
 				cancelText: "Cancel"
 			});
 			if (t.isConfirmed && t.value) {
-				B(e);
+				X(e);
 				let [n, r] = t.value;
-				H(r ? `<a href="${n}" target="_blank">${r}</a>` : `<a href="${n}" target="_blank">${n}</a>`);
+				Z(r ? `<a href="${n}" target="_blank" rel="noopener">${r}</a>` : `<a href="${n}" target="_blank" rel="noopener">${n}</a>`);
 			}
 		},
 		insertImage: async () => {
-			let e = z(), t = await R({
+			let e = Y(), t = await J({
 				title: "Insert Image",
 				inputs: [{
 					placeholder: "Image URL",
@@ -1319,13 +1882,13 @@ function U() {
 				cancelText: "Cancel"
 			});
 			if (t.isConfirmed && t.value) {
-				B(e);
+				X(e);
 				let [n, r] = t.value;
-				H(`<img src="${n}" alt="${r}" style="max-width: 100%;">`);
+				Z(`<img src="${n}" alt="${r}" style="max-width: 100%;">`);
 			}
 		},
 		insertVideo: async () => {
-			let e = z(), t = await R({
+			let e = Y(), t = await J({
 				title: "Insert Video",
 				inputs: [{
 					placeholder: "Video URL (YouTube/Vimeo)",
@@ -1337,47 +1900,47 @@ function U() {
 				cancelText: "Cancel"
 			});
 			if (t.isConfirmed && t.value) {
-				B(e);
+				X(e);
 				let [n] = t.value, r;
-				r = n.includes("youtube.com") || n.includes("youtu.be") ? `<iframe width="560" height="315" src="${n.replace("watch?v=", "embed/").replace("youtu.be/", "youtube.com/embed/")}" frameborder="0" allowfullscreen></iframe>` : `<video controls src="${n}" style="max-width: 100%;"></video>`, H(r);
+				r = n.includes("youtube.com") || n.includes("youtu.be") ? `<iframe width="560" height="315" src="${n.replace("watch?v=", "embed/").replace("youtu.be/", "youtube.com/embed/")}" frameborder="0" allowfullscreen></iframe>` : `<video controls src="${n}" style="max-width: 100%;"></video>`, Z(r);
 			}
 		}
 	};
 }
 //#endregion
 //#region src/components/shared/toolbar/Insert/Components/index.jsx
-function W() {
-	return /* @__PURE__ */ c(L, { logic: U() });
+function me() {
+	return /* @__PURE__ */ c(de, { logic: pe() });
 }
 //#endregion
 //#region src/components/shared/toolbar/View/Components/ViewToolbar.jsx
-function G({ logic: e }) {
-	let { toggleFullscreen: t, toggleCodeView: n, showHelp: r } = e;
+function he({ logic: e }) {
+	let { toggleFullscreen: t, toggleCodeView: n, showHelp: r } = e, i = "forge-toolbar-button group relative flex h-8 cursor-pointer items-center justify-center rounded-[2px] border border-[#ccc] bg-white px-2 text-sm leading-none transition-all duration-150 hover:bg-[#f0f0f0] active:translate-y-px", a = "pointer-events-none absolute left-1/2 top-[calc(100%+8px)] z-30 -translate-x-1/2 whitespace-nowrap rounded-md border border-[#2c2c2c] bg-[#1e1e1e] px-2.5 py-1 text-[11px] font-medium leading-none text-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100 rtl:left-1/2 rtl:-translate-x-1/2 before:absolute before:bottom-full before:left-1/2 before:-translate-x-1/2 before:border-x-[5px] before:border-b-[5px] before:border-t-0 before:border-solid before:border-x-transparent before:border-b-[#2c2c2c] after:absolute after:bottom-full after:left-1/2 after:-translate-x-1/2 after:translate-y-[1px] after:border-x-[4px] after:border-b-[4px] after:border-t-0 after:border-solid after:border-x-transparent after:border-b-[#1e1e1e]";
 	return /* @__PURE__ */ c("div", {
-		className: "forge-toolbar-group forge-toolbar-view",
+		className: "forge-toolbar-group forge-toolbar-view flex items-center gap-0.5",
 		children: [/* @__PURE__ */ c("button", {
 			type: "button",
-			className: "forge-toolbar-button",
+			className: i,
 			onClick: t,
 			"aria-label": "Full Screen",
 			children: [/* @__PURE__ */ c("span", {
 				className: "forge-toolbar-icon",
 				children: "⛶"
 			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
+				className: a,
 				"data-i18n": "fullscreen",
 				children: "Full Screen"
 			})]
 		}), /* @__PURE__ */ c("button", {
 			type: "button",
-			className: "forge-toolbar-button",
+			className: i,
 			onClick: n,
 			"aria-label": "Code View",
 			children: [/* @__PURE__ */ c("span", {
 				className: "forge-toolbar-icon",
 				children: "</>"
 			}), /* @__PURE__ */ c("span", {
-				className: "forge-tooltip",
+				className: a,
 				"data-i18n": "codeview",
 				children: "Code View"
 			})]
@@ -1386,7 +1949,7 @@ function G({ logic: e }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/View/Hooks/viewLogic.jsx
-function te() {
+function ge() {
 	return {
 		toggleFullscreen: () => {
 			let e = document.querySelector(".forge-editor");
@@ -1414,49 +1977,50 @@ function te() {
 }
 //#endregion
 //#region src/components/shared/toolbar/View/Components/index.jsx
-function K() {
-	return /* @__PURE__ */ c(G, { logic: te() });
+function _e() {
+	return /* @__PURE__ */ c(he, { logic: ge() });
 }
 //#endregion
 //#region src/components/shared/toolbar/Index/index.jsx
-function q() {
+function ve({ editorRef: e }) {
 	return /* @__PURE__ */ c("div", {
-		className: "forge-editor__toolbar",
+		className: "forge-editor__toolbar sticky top-0 z-10 m-0 flex flex-shrink-0 flex-wrap items-center gap-[4px] rounded-t-[3px] border-b border-[#ddd] bg-[#f5f5f5] p-[5px] text-[#333]",
 		role: "toolbar",
 		children: [
 			/* @__PURE__ */ c(u, {}),
-			/* @__PURE__ */ c(p, {}),
 			/* @__PURE__ */ c(v, {}),
-			/* @__PURE__ */ c(O, {}),
-			/* @__PURE__ */ c(A, {}),
-			/* @__PURE__ */ c(I, {}),
-			/* @__PURE__ */ c(W, {}),
-			/* @__PURE__ */ c(K, {})
+			/* @__PURE__ */ c(T, { editorRef: e }),
+			/* @__PURE__ */ c(ce, {}),
+			/* @__PURE__ */ c(H, {}),
+			/* @__PURE__ */ c(ue, {}),
+			/* @__PURE__ */ c(me, {}),
+			/* @__PURE__ */ c(_e, {})
 		]
 	});
 }
 //#endregion
 //#region src/components/shared/statusbar/Components/index.jsx
-function J() {
+function ye() {
 	return /* @__PURE__ */ c("div", {
-		className: "forge-statusbar",
+		className: "forge-statusbar box-border flex h-2.5 w-full flex-shrink-0 cursor-s-resize items-center justify-center rounded-b-[3px] border-t border-[#ccc] bg-[#f0f0f0]",
 		role: "status",
 		children: /* @__PURE__ */ c("div", {
-			className: "forge-resizebar",
+			className: "flex flex-col items-center gap-px",
 			"aria-label": "resize",
 			children: [
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" }),
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" }),
-				/* @__PURE__ */ c("div", { className: "forge-icon-bar" })
+				/* @__PURE__ */ c("div", { className: "h-px w-3 rounded-[1px] bg-[#888]" }),
+				/* @__PURE__ */ c("div", { className: "h-px w-3 rounded-[1px] bg-[#888]" }),
+				/* @__PURE__ */ c("div", { className: "h-px w-3 rounded-[1px] bg-[#888]" })
 			]
 		})
 	});
 }
 //#endregion
 //#region src/components/shared/statusbar/Hooks/resize.js
-var Y = 100;
-function X(e, t, n = {}) {
-	let r = n.minHeight ?? Y, i = n.maxHeight ?? Infinity, a = 0, o = 0;
+var be = 100;
+function xe(e, t, n = {}) {
+	if (!e || !t) return () => {};
+	let r = n.minHeight ?? be, i = n.maxHeight ?? Infinity, a = 0, o = 0;
 	function s(e) {
 		let n = e.clientY - a, s = o + n;
 		s = Math.min(Math.max(s, r), i), t.style.height = `${s}px`;
@@ -1473,19 +2037,30 @@ function X(e, t, n = {}) {
 }
 //#endregion
 //#region src/components/shared/toolbar/Style/Hooks/styleLogic.jsx
-function Z(e) {
-	let t = e.querySelector("[data-command='style']"), n = e.querySelector(".forge-dropdown-style");
-	if (!t || !n) {
-		console.warn("Style toolbar elements not found", e);
-		return;
+function Se(e) {
+	let t = window.getSelection();
+	if (!t || !t.rangeCount) return;
+	let n = t.getRangeAt(0).commonAncestorContainer;
+	n.nodeType === 3 && (n = n.parentElement);
+	let r = n.closest("p, h1, h2, h3, h4, h5, h6, blockquote, pre");
+	if (r) {
+		let n = document.createElement(e);
+		for (; r.firstChild;) n.appendChild(r.firstChild);
+		r.replaceWith(n);
+		let i = document.createRange();
+		i.selectNodeContents(n), i.collapse(!1), t.removeAllRanges(), t.addRange(i);
 	}
-	m(t, n), n.querySelectorAll(".forge-dropdown-item").forEach((e) => {
-		e.addEventListener("click", (t) => {
-			t.preventDefault();
-			let r = e.dataset.value;
-			r && document.execCommand("formatBlock", !1, r), n.classList.remove("open");
+}
+function Ce(e) {
+	if (!e) return;
+	let t = e.querySelector("[data-command='style']"), n = e.querySelector(".forge-dropdown-style");
+	!t || !n || (x(t, n), n.querySelectorAll(".forge-dropdown-item").forEach((e) => {
+		e.addEventListener("mousedown", (r) => {
+			r.preventDefault(), r.stopPropagation();
+			let i = e.dataset.value || e.getAttribute("data-value");
+			i && Se(i), n.classList.remove("is-open"), t.classList.remove("is-active");
 		});
-	});
+	}));
 }
 //#endregion
 //#region src/components/shared/i18n/index.js
@@ -1563,140 +2138,168 @@ var Q = {
 		help: "مساعدة"
 	}
 }, $ = "en";
-function ne(e, t) {
+function we(e, t) {
 	return (Q[e] || Q[$])[t] || Q[$][t] || t;
 }
 //#endregion
 //#region src/components/shared/i18n/apply.js
-function re(e, t) {
+function Te(e, t) {
 	e.querySelectorAll("[data-i18n]").forEach((e) => {
-		e.textContent = ne(t, e.getAttribute("data-i18n"));
+		e.textContent = we(t, e.getAttribute("data-i18n"));
 	});
 }
 //#endregion
 //#region src/components/shared/toolbar/Style/Utils/ensureParagraph.jsx
-function ie(e) {
+function Ee(e) {
 	if (e && !(e.children.length > 0 || e.textContent.trim().length > 0)) {
 		let t = document.createElement("p");
 		t.innerHTML = "<br>", e.appendChild(t);
 	}
 }
 //#endregion
+//#region src/components/shared/toolbar/Hooks/contentClick.js
+function De(e) {
+	e.addEventListener("click", (t) => {
+		if (t.target === e) {
+			let t = window.getSelection();
+			if (!t) return;
+			let n = e.lastElementChild;
+			if (!n || n.tagName === "PRE" || n.tagName === "BLOCKQUOTE" || /^H[1-6]$/.test(n.tagName)) {
+				let n = document.createElement("p");
+				n.innerHTML = "<br>", e.appendChild(n);
+				let r = document.createRange();
+				r.setStart(n, 0), r.collapse(!0), t.removeAllRanges(), t.addRange(r);
+			}
+		}
+	});
+}
+//#endregion
 //#region src/components/shared/toolbar/ImagePopover/Components/ImagePopover.jsx
-function ae({ target: e, onClose: t, onResize: n, onFloat: i, onRemove: a }) {
+function Oe({ target: e, onClose: t, onResize: n, onFloat: i, onRemove: a }) {
 	let o = r(null);
 	if (!e) return null;
-	let s = e.getBoundingClientRect();
+	let s = e.getBoundingClientRect(), l = {
+		left: s.left + s.width / 2 - 100 + "px",
+		top: s.bottom + 10 + "px"
+	}, u = "note-btn cursor-pointer rounded-[2px] border border-[#ccc] bg-[#f5f5f5] px-2 py-1 text-xs leading-[1.4] transition-all duration-100 ease-in-out hover:border-[#999] hover:bg-[#e6e6e6] active:translate-y-px active:bg-[#d0d0d0]", d = "note-btn-group flex gap-0.5 border-r border-[#ddd] pr-1 last:border-r-0 last:pr-0", f = "not-italic text-sm leading-none";
 	return /* @__PURE__ */ c("div", {
 		ref: o,
-		className: "note-popover bottom note-image-popover",
-		style: {
-			display: "block",
-			left: s.left + s.width / 2 - 100 + "px",
-			top: s.bottom + 10 + "px",
-			position: "fixed",
-			zIndex: 9999
-		},
-		children: [/* @__PURE__ */ c("div", { className: "note-popover-arrow" }), /* @__PURE__ */ c("div", {
-			className: "popover-content note-children-container",
+		className: "note-popover bottom note-image-popover fixed z-[9999] min-w-[200px] rounded-[4px] border border-[#ccc] bg-white p-1.5 shadow-[0_2px_8px_rgba(0,0,0,0.15)]",
+		style: l,
+		children: [/* @__PURE__ */ c("div", {
+			className: "absolute -top-2 left-1/2 -translate-x-1/2",
+			children: [/* @__PURE__ */ c("div", { className: "border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent border-b-[#ccc]" }), /* @__PURE__ */ c("div", { className: "absolute top-[1px] left-[-7px] border-l-7 border-r-7 border-b-7 border-l-transparent border-r-transparent border-b-white" })]
+		}), /* @__PURE__ */ c("div", {
+			className: "popover-content note-children-container flex flex-wrap items-center gap-1",
 			children: [
 				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-resize",
+					className: `${d} note-resize`,
 					children: [
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Resize full",
 							onClick: () => n(e, 1),
 							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
+								className: "note-fontsize-10 text-[10px]",
 								children: "100%"
 							})
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Resize half",
 							onClick: () => n(e, .5),
 							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
+								className: "note-fontsize-10 text-[10px]",
 								children: "50%"
 							})
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Resize quarter",
 							onClick: () => n(e, .25),
 							children: /* @__PURE__ */ c("span", {
-								className: "note-fontsize-10",
+								className: "note-fontsize-10 text-[10px]",
 								children: "25%"
 							})
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Original size",
 							onClick: () => n(e, "original"),
 							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-rollback",
+								className: `note-icon-rollback ${f}`,
 								children: "↺"
 							})
 						})
 					]
 				}),
 				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-float",
+					className: `${d} note-float`,
 					children: [
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Float Left",
 							onClick: () => i(e, "left"),
 							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-float-left",
+								className: `note-icon-float-left ${f}`,
 								children: "◀"
 							})
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
+							tabIndex: "-1",
+							"aria-label": "Center",
+							onClick: () => i(e, "center"),
+							children: /* @__PURE__ */ c("i", {
+								className: `note-icon-float-center ${f}`,
+								children: "↔"
+							})
+						}),
+						/* @__PURE__ */ c("button", {
+							type: "button",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Float Right",
 							onClick: () => i(e, "right"),
 							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-float-right",
+								className: `note-icon-float-right ${f}`,
 								children: "▶"
 							})
 						}),
 						/* @__PURE__ */ c("button", {
 							type: "button",
-							className: "note-btn",
+							className: u,
 							tabIndex: "-1",
 							"aria-label": "Remove float",
 							onClick: () => i(e, "none"),
 							children: /* @__PURE__ */ c("i", {
-								className: "note-icon-rollback",
+								className: `note-icon-rollback ${f}`,
 								children: "↺"
 							})
 						})
 					]
 				}),
 				/* @__PURE__ */ c("div", {
-					className: "note-btn-group note-remove",
+					className: `${d} note-remove`,
 					children: /* @__PURE__ */ c("button", {
 						type: "button",
-						className: "note-btn",
+						className: u,
 						tabIndex: "-1",
 						"aria-label": "Remove Image",
 						onClick: () => a(e),
 						children: /* @__PURE__ */ c("i", {
-							className: "note-icon-trash",
+							className: `note-icon-trash ${f}`,
 							children: "🗑"
 						})
 					})
@@ -1707,7 +2310,7 @@ function ae({ target: e, onClose: t, onResize: n, onFloat: i, onRemove: a }) {
 }
 //#endregion
 //#region src/components/shared/toolbar/ImagePopover/Hooks/useImagePopover.jsx
-function oe() {
+function ke() {
 	let [e, t] = i(null), [r, a] = i(!1);
 	return n(() => {
 		let e = (e) => {
@@ -1733,7 +2336,7 @@ function oe() {
 			a(!1), t(null);
 		},
 		onFloat: (e, n) => {
-			n === "none" ? (e.style.float = "", e.style.margin = "") : (e.style.float = n, e.style.margin = n === "left" ? "0 10px 5px 0" : "0 0 5px 10px"), a(!1), t(null);
+			n === "none" ? (e.style.float = "", e.style.margin = "", e.style.display = "") : n === "center" ? (e.style.float = "none", e.style.display = "block", e.style.margin = "0 auto") : (e.style.float = n, e.style.display = "", e.style.margin = n === "left" ? "0 10px 5px 0" : "0 0 5px 10px"), a(!1), t(null);
 		},
 		onRemove: (e) => {
 			e.parentElement.removeChild(e), a(!1), t(null);
@@ -1742,12 +2345,12 @@ function oe() {
 }
 //#endregion
 //#region src/components/shared/toolbar/ImagePopover/Components/index.jsx
-function se() {
-	return /* @__PURE__ */ c(ae, { ...oe() });
+function Ae() {
+	return /* @__PURE__ */ c(Oe, { ...ke() });
 }
 //#endregion
 //#region src/components/light/index.jsx
-function ce(e) {
+function je(e) {
 	return {
 		getHTML() {
 			return e.innerHTML;
@@ -1764,35 +2367,41 @@ function ce(e) {
 		}
 	};
 }
-function le(e) {
-	let n = e.lang || "en", r = /* @__PURE__ */ c("div", {
-		className: "forge-editor forge-editor--light",
+function Me(e) {
+	let n = e.lang || "en", r = e.dir || "ltr", i = { current: null }, a = /* @__PURE__ */ c("div", {
+		className: "forge-editor forge-editor--light flex flex-col w-full rounded-[3px] border border-[#ddd] bg-white box-border align-top min-h-[120px]",
 		lang: n,
-		dir: e.dir || "ltr",
+		dir: r,
 		children: [
-			/* @__PURE__ */ c(q, {}),
+			/* @__PURE__ */ c(ve, { editorRef: i }),
 			/* @__PURE__ */ c("div", {
-				className: "forge-editor__content",
+				className: "forge-editor__content flex-1 min-h-[60px] overflow-auto p-[10px] pb-12 outline-none box-border [&_blockquote]:my-2 [&_blockquote]:border-l-4 [&_blockquote]:border-[#ccc] [&_blockquote]:pl-4 [&_blockquote]:italic [&_pre]:bg-[#f4f4f4] [&_pre]:p-2 [&_pre]:rounded [&_h1]:text-2xl [&_h1]:font-bold [&_h2]:text-xl [&_h2]:font-bold [&_h3]:text-lg [&_h3]:font-bold",
 				contentEditable: "true",
 				"data-placeholder": e.placeholder || ""
 			}),
-			/* @__PURE__ */ c(J, {}),
-			/* @__PURE__ */ c(se, {})
+			/* @__PURE__ */ c(ye, {}),
+			/* @__PURE__ */ c(Ae, {})
 		]
-	}), i = document.createElement("div");
-	t(r, i);
-	let a = i.firstElementChild, o = a.querySelector(".forge-editor__content");
-	return ie(o), Z(a.querySelector(".forge-toolbar-style")), re(a.querySelector(".forge-editor__toolbar"), n), X(a.querySelector(".forge-statusbar"), a, { minHeight: 100 }), {
-		element: a,
-		...ce(o)
+	}), o = document.createElement("div");
+	t(a, o);
+	let s = o.firstElementChild, l = s.querySelector(".forge-editor__content");
+	i.current = l, Ee(l), De(l);
+	let u = s.querySelector(".forge-toolbar-style");
+	u && Ce(u);
+	let d = s.querySelector(".forge-editor__toolbar");
+	d && Te(d, n);
+	let f = s.querySelector(".forge-statusbar");
+	return f && xe(f, s, { minHeight: 120 }), {
+		element: s,
+		...je(l)
 	};
 }
 //#endregion
 //#region src/main/index.jsx
-function ue(e) {
+function Ne(e) {
 	let t = o(e);
 	if (t.type === "light") {
-		let { element: n, getHTML: r, setHTML: i, getText: a, getSelection: o } = le(t);
+		let { element: n, getHTML: r, setHTML: i, getText: a, getSelection: o } = Me(t);
 		return e.innerHTML = "", e.appendChild(n), n.style.width = t.width, n.style.height = t.height, {
 			element: n,
 			getHTML: r,
@@ -1804,4 +2413,4 @@ function ue(e) {
 	return null;
 }
 //#endregion
-export { ue as default };
+export { Ne as default };