@liveblocks/react-lexical 2.16.0-toolbars4 → 2.17.0-channels1

package/src/styles/index.css

@@ -37,7 +37,7 @@
  *************************************/
 
 .lb-lexical-suggestions {
-  padding: $lb-elevation-padding;
+  padding: $lb-elevation-list-padding;
   animation-duration: var(--lb-transition-duration);
   animation-timing-function: var(--lb-transition-easing);
   will-change: transform, opacity;
@@ -47,26 +47,23 @@
   display: flex;
   align-items: center;
   padding: calc(0.25 * var(--lb-spacing)) calc(0.5 * var(--lb-spacing));
-  border-radius: calc(var(--lb-radius) - 0.75 * $lb-elevation-padding);
+  border-radius: calc(var(--lb-radius) - 0.75 * $lb-elevation-list-padding);
   color: var(--lb-foreground-secondary);
   outline: none;
   font-size: 0.875rem;
   cursor: pointer;
   user-select: none;
   transition-property: background, color, opacity;
-  scroll-margin-block: $lb-elevation-padding;
+  scroll-margin-block: $lb-elevation-list-padding;
 }
 
 :is(.lb-lexical-suggestions-list-item) {
-  &:where(
-      [data-highlighted]:not([data-highlighted="false"]),
-      [data-selected]:not([data-selected="false"])
-    ) {
+  &:where([data-highlighted], [data-selected]) {
     background: var(--lb-foreground-subtle);
     transition-duration: calc(var(--lb-transition-duration) / 2);
   }
 
-  &:where(:disabled, [data-disabled]:not([data-disabled="false"])) {
+  &:where(:disabled, [data-disabled]) {
     opacity: 0.5;
     cursor: not-allowed;
   }
@@ -110,7 +107,7 @@
 
   @include invisible-selection;
 
-  &:where([data-selected]:not([data-selected="false"])) {
+  &:where([data-selected]) {
     background: var(--lb-accent);
     color: var(--lb-accent-foreground);
   }
@@ -206,38 +203,3 @@
 .lb-lexical-floating-composer {
   inline-size: var(--lb-lexical-floating-size);
 }
-
-/*************************************
- *              Toolbar              *
- *************************************/
-
-.lb-lexical-toolbar {
-  --lb-lexical-toolbar-spacing: calc(0.25 * var(--lb-spacing));
-
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  gap: var(--lb-lexical-toolbar-spacing);
-  align-items: center;
-  padding: var(--lb-lexical-toolbar-spacing);
-  background: var(--lb-background);
-}
-
-.lb-lexical-floating-toolbar {
-  --lb-lexical-toolbar-spacing: $lb-elevation-padding;
-}
-
-.lb-lexical-toolbar-separator {
-  position: relative;
-  align-self: stretch;
-  inline-size: 1px;
-  margin-inline: 1px;
-  pointer-events: none;
-
-  &::before {
-    content: "";
-    position: absolute;
-    inset: 10% 0;
-    background: var(--lb-foreground-subtle);
-  }
-}

package/styles.css

@@ -1 +1 @@
-.lb-lexical-suggestions-list{margin:0;padding:0;list-style:none}.lb-lexical-mention-suggestions{--lb-lexical-mention-suggestion-avatar-size:1.25rem}.lb-lexical-mention-suggestion{padding:calc(.375*var(--lb-spacing))calc(.625*var(--lb-spacing))}.lb-lexical-mention-suggestion-avatar{inline-size:var(--lb-lexical-mention-suggestion-avatar-size);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.5*var(--lb-spacing));margin-block:calc(.125*var(--lb-spacing));background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate)}.lb-lexical-suggestions{animation-duration:var(--lb-transition-duration);animation-timing-function:var(--lb-transition-easing);will-change:transform,opacity;padding:4px}.lb-lexical-suggestions-list-item{padding:calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .75*4px);color:var(--lb-foreground-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;scroll-margin-block:4px;font-size:.875rem;transition-property:background,color,opacity;display:flex}.lb-lexical-suggestions-list-item:where([data-highlighted]:not([data-highlighted=false]),[data-selected]:not([data-selected=false])){background:var(--lb-foreground-subtle);transition-duration:calc(var(--lb-transition-duration)/2)}.lb-lexical-suggestions-list-item:where(:disabled,[data-disabled]:not([data-disabled=false])){opacity:.5;cursor:not-allowed}.lb-lexical-suggestions:where([data-side=top]){animation-name:lb-animation-slide-up}.lb-lexical-suggestions:where([data-side=bottom]){animation-name:lb-animation-slide-down}.lb-lexical-suggestions:where([data-state=closed]){animation-name:lb-animation-disappear}.lb-lexical-mention{border-radius:calc(.675*var(--lb-radius));background:var(--lb-accent-subtle);color:var(--lb-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .3em;font-weight:500}.lb-lexical-mention::selection{background:0 0}.lb-lexical-mention ::selection{background:0 0}.lb-lexical-mention:where([data-selected]:not([data-selected=false])){background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-lexical-thread-mark{background:var(--lb-accent-subtle);color:var(--lb-foreground);text-decoration-line:underline;-webkit-text-decoration-color:var(--lb-foreground-moderate);text-decoration-color:var(--lb-foreground-moderate);text-underline-offset:2px;outline:none;font-weight:500;transition-property:color,text-decoration-color}.lb-lexical-thread-mark:where([data-state=active]){color:var(--lb-accent);-webkit-text-decoration-color:var(--lb-accent-moderate);text-decoration-color:var(--lb-accent-moderate)}.lb-lexical-anchored-threads{--lb-lexical-anchored-threads-gap:1.25rem;--lb-lexical-anchored-threads-active-thread-offset:-.75rem}.lb-lexical-anchored-threads-thread-container{transition-duration:calc(var(--lb-transition-duration)*2);transition-property:transform}.lb-lexical-anchored-threads-thread{border-radius:var(--lb-radius);background:var(--lb-dynamic-background);transition-property:background,box-shadow;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 2px 6px #0000000a,0 6px 20px #0000000f}.lb-lexical-anchored-threads-thread:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-lexical-anchored-threads-thread:where([data-state=active]){box-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f}.lb-lexical-floating{--lb-lexical-floating-size:350px}.lb-lexical-floating-threads-thread{inline-size:var(--lb-lexical-floating-size)}.lb-lexical-floating-threads-thread:where(:not(:last-of-type)){border-block-end:1px solid var(--lb-foreground-subtle)}.lb-lexical-floating-composer{inline-size:var(--lb-lexical-floating-size)}.lb-lexical-toolbar{--lb-lexical-toolbar-spacing:calc(.25*var(--lb-spacing));gap:var(--lb-lexical-toolbar-spacing);padding:var(--lb-lexical-toolbar-spacing);background:var(--lb-background);flex-direction:row;align-items:center;display:flex;position:relative}.lb-lexical-floating-toolbar{--lb-lexical-toolbar-spacing:4px}.lb-lexical-toolbar-separator{pointer-events:none;align-self:stretch;inline-size:1px;margin-inline:1px;position:relative}.lb-lexical-toolbar-separator:before{content:"";background:var(--lb-foreground-subtle);position:absolute;inset:10% 0}@media (prefers-reduced-motion){.lb-lexical-suggestions:where(:not([data-state=closed])){animation-name:lb-animation-appear}.lb-lexical-anchored-threads-thread-container{transition-duration:0s}}
+.lb-lexical-suggestions-list{margin:0;padding:0;list-style:none}.lb-lexical-mention-suggestions{--lb-lexical-mention-suggestion-avatar-size:1.25rem}.lb-lexical-mention-suggestion{padding:calc(.375*var(--lb-spacing))calc(.625*var(--lb-spacing))}.lb-lexical-mention-suggestion-avatar{inline-size:var(--lb-lexical-mention-suggestion-avatar-size);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.5*var(--lb-spacing));margin-block:calc(.125*var(--lb-spacing));background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate)}.lb-lexical-suggestions{animation-duration:var(--lb-transition-duration);animation-timing-function:var(--lb-transition-easing);will-change:transform,opacity;padding:4px}.lb-lexical-suggestions-list-item{padding:calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .75*4px);color:var(--lb-foreground-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;scroll-margin-block:4px;font-size:.875rem;transition-property:background,color,opacity;display:flex}.lb-lexical-suggestions-list-item:where([data-highlighted],[data-selected]){background:var(--lb-foreground-subtle);transition-duration:calc(var(--lb-transition-duration)/2)}.lb-lexical-suggestions-list-item:where(:disabled,[data-disabled]){opacity:.5;cursor:not-allowed}.lb-lexical-suggestions:where([data-side=top]){animation-name:lb-animation-slide-up}.lb-lexical-suggestions:where([data-side=bottom]){animation-name:lb-animation-slide-down}.lb-lexical-suggestions:where([data-state=closed]){animation-name:lb-animation-disappear}.lb-lexical-mention{border-radius:calc(.675*var(--lb-radius));background:var(--lb-accent-subtle);color:var(--lb-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .3em;font-weight:500}.lb-lexical-mention::selection{background:0 0}.lb-lexical-mention ::selection{background:0 0}.lb-lexical-mention:where([data-selected]){background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-lexical-thread-mark{background:var(--lb-accent-subtle);color:var(--lb-foreground);text-decoration-line:underline;-webkit-text-decoration-color:var(--lb-foreground-moderate);text-decoration-color:var(--lb-foreground-moderate);text-underline-offset:2px;outline:none;font-weight:500;transition-property:color,text-decoration-color}.lb-lexical-thread-mark:where([data-state=active]){color:var(--lb-accent);-webkit-text-decoration-color:var(--lb-accent-moderate);text-decoration-color:var(--lb-accent-moderate)}.lb-lexical-anchored-threads{--lb-lexical-anchored-threads-gap:1.25rem;--lb-lexical-anchored-threads-active-thread-offset:-.75rem}.lb-lexical-anchored-threads-thread-container{transition-duration:calc(var(--lb-transition-duration)*2);transition-property:transform}.lb-lexical-anchored-threads-thread{border-radius:var(--lb-radius);background:var(--lb-dynamic-background);transition-property:background,box-shadow;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 2px 6px #0000000a,0 6px 20px #0000000f}.lb-lexical-anchored-threads-thread:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-lexical-anchored-threads-thread:where([data-state=active]){box-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f}.lb-lexical-floating{--lb-lexical-floating-size:350px}.lb-lexical-floating-threads-thread{inline-size:var(--lb-lexical-floating-size)}.lb-lexical-floating-threads-thread:where(:not(:last-of-type)){border-block-end:1px solid var(--lb-foreground-subtle)}.lb-lexical-floating-composer{inline-size:var(--lb-lexical-floating-size)}@media (prefers-reduced-motion){.lb-lexical-suggestions:where(:not([data-state=closed])){animation-name:lb-animation-appear}.lb-lexical-anchored-threads-thread-container{transition-duration:0s}}

package/styles.css.map

@@ -1 +1 @@
-{"version":3,"sources":["src/styles/src/styles/index.css","src/styles/src/styles/utils.css"],"names":[],"mappings":"AAOA,6BAAA,QAAA,CAAA,SAAA,CAAA,eAAA,CAUA,gCAAA,mDAAA,CAIA,+BAAA,gEAAA,CAIA,sCAAA,4DAAA,CAAA,iDAAA,CAAA,4CAAA,CAAA,yCAAA,CAAA,sCAAA,CAAA,mCAAA,CAaA,wBAAA,gDAAA,CAAA,qDAAA,CAAA,6BAAA,CAAA,WAAA,CAOA,kCAAA,6DAAA,CAAA,8CAAA,CAAA,oCAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iBAAA,CAAA,4CAAA,CAAA,YAAA,CAeE,qIAAA,sCAAA,CAAA,yDAAA,CAQA,8FAAA,UAAA,CAAA,kBAAA,CAWA,+CAAA,oCAAA,CAIA,kDAAA,sCAAA,CAIA,mDAAA,qCAAA,CAeF,oBAAA,yCAAA,CAAA,kCAAA,CAAA,sBAAA,CAAA,kCAAA,CAAA,0BAAA,CAAA,iBAAA,CAAA,eAAA,CCrGE,+BAAA,cAAA,CAAA,gCAAA,cAAA,CD+GA,sEAAA,2BAAA,CAAA,iCAAA,CAUF,wBAAA,kCAAA,CAAA,0BAAA,CAAA,8BAAA,CAAA,2DAAA,CAAA,mDAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,eAAA,CAAA,+CAAA,CAUE,mDAAA,sBAAA,CAAA,uDAAA,CAAA,+CAAA,CAUF,6BAAA,yCAAA,CAAA,0DAAA,CAKA,8CAAA,yDAAA,CAAA,6BAAA,CAWA,oCAAA,8BAAA,CAAA,uCAAA,CAAA,yCAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,uEAAA,CAQE,0CAAA,UAAA,CAAA,SAAA,CAAA,qBAAA,CAAA,iCAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,OAAA,CAUA,+DAAA,uEAAA,CASF,qBAAA,gCAAA,CAQA,oCAAA,2CAAA,CAGE,+DAAA,sDAAA,CASF,8BAAA,2CAAA,CAQA,oBAAA,wDAAA,CAAA,qCAAA,CAAA,yCAAA,CAAA,+BAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,YAAA,CAAA,iBAAA,CAYA,6BAAA,gCAAA,CAIA,8BAAA,mBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,iBAAA,CAOE,qCAAA,UAAA,CAAA,sCAAA,CAAA,iBAAA,CAAA,WAAA,CAhJF,gCACE,yDAAA,kCAAA,CA4DA,8CAAA,sBAAA,CAAA","file":"styles.css","sourcesContent":["@import \"./utils\";\n@import \"./constants\";\n\n/*************************************\n *            Suggestions            *\n *************************************/\n\n.lb-lexical-suggestions-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n/*************************************\n *        Mention suggestions        *\n *************************************/\n\n.lb-lexical-mention-suggestions {\n  --lb-lexical-mention-suggestion-avatar-size: 1.25rem;\n}\n\n.lb-lexical-mention-suggestion {\n  padding: calc(0.375 * var(--lb-spacing)) calc(0.625 * var(--lb-spacing));\n}\n\n.lb-lexical-mention-suggestion-avatar {\n  inline-size: var(--lb-lexical-mention-suggestion-avatar-size);\n  margin-inline-start: calc(-0.125 * var(--lb-spacing));\n  margin-inline-end: calc(0.5 * var(--lb-spacing));\n  margin-block: calc(0.125 * var(--lb-spacing));\n  background: var(--lb-foreground-subtle);\n  color: var(--lb-foreground-moderate);\n}\n\n/*************************************\n *          Elevation lists          *\n *************************************/\n\n.lb-lexical-suggestions {\n  padding: $lb-elevation-padding;\n  animation-duration: var(--lb-transition-duration);\n  animation-timing-function: var(--lb-transition-easing);\n  will-change: transform, opacity;\n}\n\n.lb-lexical-suggestions-list-item {\n  display: flex;\n  align-items: center;\n  padding: calc(0.25 * var(--lb-spacing)) calc(0.5 * var(--lb-spacing));\n  border-radius: calc(var(--lb-radius) - 0.75 * $lb-elevation-padding);\n  color: var(--lb-foreground-secondary);\n  outline: none;\n  font-size: 0.875rem;\n  cursor: pointer;\n  user-select: none;\n  transition-property: background, color, opacity;\n  scroll-margin-block: $lb-elevation-padding;\n}\n\n:is(.lb-lexical-suggestions-list-item) {\n  &:where(\n      [data-highlighted]:not([data-highlighted=\"false\"]),\n      [data-selected]:not([data-selected=\"false\"])\n    ) {\n    background: var(--lb-foreground-subtle);\n    transition-duration: calc(var(--lb-transition-duration) / 2);\n  }\n\n  &:where(:disabled, [data-disabled]:not([data-disabled=\"false\"])) {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n/*************************************\n *        Floating animations        *\n *************************************/\n\n:is(.lb-lexical-suggestions) {\n  &:where([data-side=\"top\"]) {\n    animation-name: lb-animation-slide-up;\n  }\n\n  &:where([data-side=\"bottom\"]) {\n    animation-name: lb-animation-slide-down;\n  }\n\n  &:where([data-state=\"closed\"]) {\n    animation-name: lb-animation-disappear;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .lb-lexical-suggestions:where(:not([data-state=\"closed\"])) {\n    animation-name: lb-animation-appear;\n  }\n}\n\n/*************************************\n *              Mention              *\n *************************************/\n\n.lb-lexical-mention {\n  padding: 0.1em 0.3em;\n  border-radius: calc(0.675 * var(--lb-radius));\n  background: var(--lb-accent-subtle);\n  color: var(--lb-accent);\n  box-decoration-break: clone;\n  font-weight: 500;\n\n  @include invisible-selection;\n\n  &:where([data-selected]:not([data-selected=\"false\"])) {\n    background: var(--lb-accent);\n    color: var(--lb-accent-foreground);\n  }\n}\n\n/*************************************\n *            Thread mark            *\n *************************************/\n\n.lb-lexical-thread-mark {\n  background: var(--lb-accent-subtle);\n  color: var(--lb-foreground);\n  outline: none;\n  font-weight: 500;\n  transition-property: color, text-decoration-color;\n  text-decoration-line: underline;\n  text-decoration-color: var(--lb-foreground-moderate);\n  text-underline-offset: 2px;\n\n  &:where([data-state=\"active\"]) {\n    color: var(--lb-accent);\n    text-decoration-color: var(--lb-accent-moderate);\n  }\n}\n\n/*************************************\n *          Anchored threads         *\n *************************************/\n\n.lb-lexical-anchored-threads {\n  --lb-lexical-anchored-threads-gap: 1.25rem;\n  --lb-lexical-anchored-threads-active-thread-offset: -0.75rem;\n}\n\n.lb-lexical-anchored-threads-thread-container {\n  transition-duration: calc(var(--lb-transition-duration) * 2);\n  transition-property: transform;\n}\n\n@media (prefers-reduced-motion) {\n  .lb-lexical-anchored-threads-thread-container {\n    transition-duration: 0s;\n  }\n}\n\n.lb-lexical-anchored-threads-thread {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--lb-radius);\n  background: var(--lb-dynamic-background);\n  box-shadow: $lb-lexical-anchored-threads-shadow;\n  transition-property: background, box-shadow;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border-radius: inherit;\n    box-shadow: var(--lb-inset-shadow);\n    pointer-events: none;\n  }\n\n  &:where([data-state=\"active\"]) {\n    box-shadow: $lb-lexical-anchored-threads-active-shadow;\n  }\n}\n\n/*************************************\n *        Floating components        *\n *************************************/\n\n.lb-lexical-floating {\n  --lb-lexical-floating-size: 350px;\n}\n\n/*************************************\n *         Floating threads          *\n *************************************/\n\n.lb-lexical-floating-threads-thread {\n  inline-size: var(--lb-lexical-floating-size);\n\n  &:where(:not(:last-of-type)) {\n    border-block-end: 1px solid var(--lb-foreground-subtle);\n  }\n}\n\n/*************************************\n *         Floating composer         *\n *************************************/\n\n.lb-lexical-floating-composer {\n  inline-size: var(--lb-lexical-floating-size);\n}\n\n/*************************************\n *              Toolbar              *\n *************************************/\n\n.lb-lexical-toolbar {\n  --lb-lexical-toolbar-spacing: calc(0.25 * var(--lb-spacing));\n\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  gap: var(--lb-lexical-toolbar-spacing);\n  align-items: center;\n  padding: var(--lb-lexical-toolbar-spacing);\n  background: var(--lb-background);\n}\n\n.lb-lexical-floating-toolbar {\n  --lb-lexical-toolbar-spacing: $lb-elevation-padding;\n}\n\n.lb-lexical-toolbar-separator {\n  position: relative;\n  align-self: stretch;\n  inline-size: 1px;\n  margin-inline: 1px;\n  pointer-events: none;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 10% 0;\n    background: var(--lb-foreground-subtle);\n  }\n}\n","@mixin invisible-selection {\n  &::selection,\n  *::selection {\n    background: transparent;\n  }\n}\n"]}
+{"version":3,"sources":["src/styles/src/styles/index.css","src/styles/src/styles/utils.css"],"names":[],"mappings":"AAOA,6BAAA,QAAA,CAAA,SAAA,CAAA,eAAA,CAUA,gCAAA,mDAAA,CAIA,+BAAA,gEAAA,CAIA,sCAAA,4DAAA,CAAA,iDAAA,CAAA,4CAAA,CAAA,yCAAA,CAAA,sCAAA,CAAA,mCAAA,CAaA,wBAAA,gDAAA,CAAA,qDAAA,CAAA,6BAAA,CAAA,WAAA,CAOA,kCAAA,6DAAA,CAAA,8CAAA,CAAA,oCAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,iBAAA,CAAA,4CAAA,CAAA,YAAA,CAeE,4EAAA,sCAAA,CAAA,yDAAA,CAKA,mEAAA,UAAA,CAAA,kBAAA,CAWA,+CAAA,oCAAA,CAIA,kDAAA,sCAAA,CAIA,mDAAA,qCAAA,CAeF,oBAAA,yCAAA,CAAA,kCAAA,CAAA,sBAAA,CAAA,kCAAA,CAAA,0BAAA,CAAA,iBAAA,CAAA,eAAA,CClGE,+BAAA,cAAA,CAAA,gCAAA,cAAA,CD4GA,2CAAA,2BAAA,CAAA,iCAAA,CAUF,wBAAA,kCAAA,CAAA,0BAAA,CAAA,8BAAA,CAAA,2DAAA,CAAA,mDAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,eAAA,CAAA,+CAAA,CAUE,mDAAA,sBAAA,CAAA,uDAAA,CAAA,+CAAA,CAUF,6BAAA,yCAAA,CAAA,0DAAA,CAKA,8CAAA,yDAAA,CAAA,6BAAA,CAWA,oCAAA,8BAAA,CAAA,uCAAA,CAAA,yCAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,uEAAA,CAQE,0CAAA,UAAA,CAAA,SAAA,CAAA,qBAAA,CAAA,iCAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,OAAA,CAUA,+DAAA,uEAAA,CASF,qBAAA,gCAAA,CAQA,oCAAA,2CAAA,CAGE,+DAAA,sDAAA,CASF,8BAAA,2CAAA,CAjHA,gCACE,yDAAA,kCAAA,CA4DA,8CAAA,sBAAA,CAAA","file":"styles.css","sourcesContent":["@import \"./utils\";\n@import \"./constants\";\n\n/*************************************\n *            Suggestions            *\n *************************************/\n\n.lb-lexical-suggestions-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n/*************************************\n *        Mention suggestions        *\n *************************************/\n\n.lb-lexical-mention-suggestions {\n  --lb-lexical-mention-suggestion-avatar-size: 1.25rem;\n}\n\n.lb-lexical-mention-suggestion {\n  padding: calc(0.375 * var(--lb-spacing)) calc(0.625 * var(--lb-spacing));\n}\n\n.lb-lexical-mention-suggestion-avatar {\n  inline-size: var(--lb-lexical-mention-suggestion-avatar-size);\n  margin-inline-start: calc(-0.125 * var(--lb-spacing));\n  margin-inline-end: calc(0.5 * var(--lb-spacing));\n  margin-block: calc(0.125 * var(--lb-spacing));\n  background: var(--lb-foreground-subtle);\n  color: var(--lb-foreground-moderate);\n}\n\n/*************************************\n *          Elevation lists          *\n *************************************/\n\n.lb-lexical-suggestions {\n  padding: $lb-elevation-list-padding;\n  animation-duration: var(--lb-transition-duration);\n  animation-timing-function: var(--lb-transition-easing);\n  will-change: transform, opacity;\n}\n\n.lb-lexical-suggestions-list-item {\n  display: flex;\n  align-items: center;\n  padding: calc(0.25 * var(--lb-spacing)) calc(0.5 * var(--lb-spacing));\n  border-radius: calc(var(--lb-radius) - 0.75 * $lb-elevation-list-padding);\n  color: var(--lb-foreground-secondary);\n  outline: none;\n  font-size: 0.875rem;\n  cursor: pointer;\n  user-select: none;\n  transition-property: background, color, opacity;\n  scroll-margin-block: $lb-elevation-list-padding;\n}\n\n:is(.lb-lexical-suggestions-list-item) {\n  &:where([data-highlighted], [data-selected]) {\n    background: var(--lb-foreground-subtle);\n    transition-duration: calc(var(--lb-transition-duration) / 2);\n  }\n\n  &:where(:disabled, [data-disabled]) {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}\n\n/*************************************\n *        Floating animations        *\n *************************************/\n\n:is(.lb-lexical-suggestions) {\n  &:where([data-side=\"top\"]) {\n    animation-name: lb-animation-slide-up;\n  }\n\n  &:where([data-side=\"bottom\"]) {\n    animation-name: lb-animation-slide-down;\n  }\n\n  &:where([data-state=\"closed\"]) {\n    animation-name: lb-animation-disappear;\n  }\n}\n\n@media (prefers-reduced-motion) {\n  .lb-lexical-suggestions:where(:not([data-state=\"closed\"])) {\n    animation-name: lb-animation-appear;\n  }\n}\n\n/*************************************\n *              Mention              *\n *************************************/\n\n.lb-lexical-mention {\n  padding: 0.1em 0.3em;\n  border-radius: calc(0.675 * var(--lb-radius));\n  background: var(--lb-accent-subtle);\n  color: var(--lb-accent);\n  box-decoration-break: clone;\n  font-weight: 500;\n\n  @include invisible-selection;\n\n  &:where([data-selected]) {\n    background: var(--lb-accent);\n    color: var(--lb-accent-foreground);\n  }\n}\n\n/*************************************\n *            Thread mark            *\n *************************************/\n\n.lb-lexical-thread-mark {\n  background: var(--lb-accent-subtle);\n  color: var(--lb-foreground);\n  outline: none;\n  font-weight: 500;\n  transition-property: color, text-decoration-color;\n  text-decoration-line: underline;\n  text-decoration-color: var(--lb-foreground-moderate);\n  text-underline-offset: 2px;\n\n  &:where([data-state=\"active\"]) {\n    color: var(--lb-accent);\n    text-decoration-color: var(--lb-accent-moderate);\n  }\n}\n\n/*************************************\n *          Anchored threads         *\n *************************************/\n\n.lb-lexical-anchored-threads {\n  --lb-lexical-anchored-threads-gap: 1.25rem;\n  --lb-lexical-anchored-threads-active-thread-offset: -0.75rem;\n}\n\n.lb-lexical-anchored-threads-thread-container {\n  transition-duration: calc(var(--lb-transition-duration) * 2);\n  transition-property: transform;\n}\n\n@media (prefers-reduced-motion) {\n  .lb-lexical-anchored-threads-thread-container {\n    transition-duration: 0s;\n  }\n}\n\n.lb-lexical-anchored-threads-thread {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--lb-radius);\n  background: var(--lb-dynamic-background);\n  box-shadow: $lb-lexical-anchored-threads-shadow;\n  transition-property: background, box-shadow;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border-radius: inherit;\n    box-shadow: var(--lb-inset-shadow);\n    pointer-events: none;\n  }\n\n  &:where([data-state=\"active\"]) {\n    box-shadow: $lb-lexical-anchored-threads-active-shadow;\n  }\n}\n\n/*************************************\n *        Floating components        *\n *************************************/\n\n.lb-lexical-floating {\n  --lb-lexical-floating-size: 350px;\n}\n\n/*************************************\n *         Floating threads          *\n *************************************/\n\n.lb-lexical-floating-threads-thread {\n  inline-size: var(--lb-lexical-floating-size);\n\n  &:where(:not(:last-of-type)) {\n    border-block-end: 1px solid var(--lb-foreground-subtle);\n  }\n}\n\n/*************************************\n *         Floating composer         *\n *************************************/\n\n.lb-lexical-floating-composer {\n  inline-size: var(--lb-lexical-floating-size);\n}\n","@mixin invisible-selection {\n  &::selection,\n  *::selection {\n    background: transparent;\n  }\n}\n"]}

package/dist/get-active-block-element.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var utils = require('@lexical/utils');
-var lexical = require('lexical');
-
-function isParentRootOrShadowRoot(node) {
-  const parent = node.getParent();
-  return parent !== null && lexical.$isRootOrShadowRoot(parent);
-}
-function getActiveBlockElement(editor) {
-  return editor.getEditorState().read(() => {
-    const selection = lexical.$getSelection();
-    if (!lexical.$isRangeSelection(selection))
-      return null;
-    const anchor = selection.anchor.getNode();
-    const focus = selection.focus.getNode();
-    const commonAncestor = anchor.getCommonAncestor(focus);
-    if (!commonAncestor || lexical.$isRootOrShadowRoot(commonAncestor))
-      return null;
-    const element = isParentRootOrShadowRoot(commonAncestor) ? commonAncestor : utils.$findMatchingParent(commonAncestor, isParentRootOrShadowRoot);
-    return element;
-  });
-}
-
-exports.getActiveBlockElement = getActiveBlockElement;
-//# sourceMappingURL=get-active-block-element.js.map

package/dist/get-active-block-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-active-block-element.js","sources":["../src/get-active-block-element.ts"],"sourcesContent":["import { $findMatchingParent } from \"@lexical/utils\";\nimport type { LexicalEditor, LexicalNode } from \"lexical\";\nimport { $getSelection, $isRangeSelection, $isRootOrShadowRoot } from \"lexical\";\n\nfunction isParentRootOrShadowRoot(node: LexicalNode) {\n  const parent = node.getParent();\n\n  return parent !== null && $isRootOrShadowRoot(parent);\n}\n\nexport function getActiveBlockElement(editor: LexicalEditor) {\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection)) return null;\n\n    const anchor = selection.anchor.getNode();\n    const focus = selection.focus.getNode();\n\n    const commonAncestor = anchor.getCommonAncestor(focus);\n\n    if (!commonAncestor || $isRootOrShadowRoot(commonAncestor)) return null;\n\n    const element = isParentRootOrShadowRoot(commonAncestor)\n      ? commonAncestor\n      : $findMatchingParent(commonAncestor, isParentRootOrShadowRoot);\n\n    return element;\n  });\n}\n"],"names":["$isRootOrShadowRoot","$getSelection","$isRangeSelection","$findMatchingParent"],"mappings":";;;;;AAIA,SAAS,yBAAyB,IAAmB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,KAAK,SAAU,EAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,KAAW,IAAQ,IAAAA,2BAAA,CAAoB,MAAM,CAAA,CAAA;AACtD,CAAA;AAEO,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAA,OAAO,MAAO,CAAA,cAAA,EAAiB,CAAA,IAAA,CAAK,MAAM;AACxC,IAAA,MAAM,YAAYC,qBAAc,EAAA,CAAA;AAEhC,IAAI,IAAA,CAACC,0BAAkB,SAAS,CAAA;AAAG,MAAO,OAAA,IAAA,CAAA;AAE1C,IAAM,MAAA,MAAA,GAAS,SAAU,CAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,SAAU,CAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAErD,IAAI,IAAA,CAAC,cAAkB,IAAAF,2BAAA,CAAoB,cAAc,CAAA;AAAG,MAAO,OAAA,IAAA,CAAA;AAEnE,IAAA,MAAM,UAAU,wBAAyB,CAAA,cAAc,IACnD,cACA,GAAAG,yBAAA,CAAoB,gBAAgB,wBAAwB,CAAA,CAAA;AAEhE,IAAO,OAAA,OAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACH;;;;"}

package/dist/get-active-block-element.mjs

@@ -1,24 +0,0 @@
-import { $findMatchingParent } from '@lexical/utils';
-import { $isRootOrShadowRoot, $getSelection, $isRangeSelection } from 'lexical';
-
-function isParentRootOrShadowRoot(node) {
-  const parent = node.getParent();
-  return parent !== null && $isRootOrShadowRoot(parent);
-}
-function getActiveBlockElement(editor) {
-  return editor.getEditorState().read(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection))
-      return null;
-    const anchor = selection.anchor.getNode();
-    const focus = selection.focus.getNode();
-    const commonAncestor = anchor.getCommonAncestor(focus);
-    if (!commonAncestor || $isRootOrShadowRoot(commonAncestor))
-      return null;
-    const element = isParentRootOrShadowRoot(commonAncestor) ? commonAncestor : $findMatchingParent(commonAncestor, isParentRootOrShadowRoot);
-    return element;
-  });
-}
-
-export { getActiveBlockElement };
-//# sourceMappingURL=get-active-block-element.mjs.map

package/dist/get-active-block-element.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-active-block-element.mjs","sources":["../src/get-active-block-element.ts"],"sourcesContent":["import { $findMatchingParent } from \"@lexical/utils\";\nimport type { LexicalEditor, LexicalNode } from \"lexical\";\nimport { $getSelection, $isRangeSelection, $isRootOrShadowRoot } from \"lexical\";\n\nfunction isParentRootOrShadowRoot(node: LexicalNode) {\n  const parent = node.getParent();\n\n  return parent !== null && $isRootOrShadowRoot(parent);\n}\n\nexport function getActiveBlockElement(editor: LexicalEditor) {\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection)) return null;\n\n    const anchor = selection.anchor.getNode();\n    const focus = selection.focus.getNode();\n\n    const commonAncestor = anchor.getCommonAncestor(focus);\n\n    if (!commonAncestor || $isRootOrShadowRoot(commonAncestor)) return null;\n\n    const element = isParentRootOrShadowRoot(commonAncestor)\n      ? commonAncestor\n      : $findMatchingParent(commonAncestor, isParentRootOrShadowRoot);\n\n    return element;\n  });\n}\n"],"names":[],"mappings":";;;AAIA,SAAS,yBAAyB,IAAmB,EAAA;AACnD,EAAM,MAAA,MAAA,GAAS,KAAK,SAAU,EAAA,CAAA;AAE9B,EAAO,OAAA,MAAA,KAAW,IAAQ,IAAA,mBAAA,CAAoB,MAAM,CAAA,CAAA;AACtD,CAAA;AAEO,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAA,OAAO,MAAO,CAAA,cAAA,EAAiB,CAAA,IAAA,CAAK,MAAM;AACxC,IAAA,MAAM,YAAY,aAAc,EAAA,CAAA;AAEhC,IAAI,IAAA,CAAC,kBAAkB,SAAS,CAAA;AAAG,MAAO,OAAA,IAAA,CAAA;AAE1C,IAAM,MAAA,MAAA,GAAS,SAAU,CAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AACxC,IAAM,MAAA,KAAA,GAAQ,SAAU,CAAA,KAAA,CAAM,OAAQ,EAAA,CAAA;AAEtC,IAAM,MAAA,cAAA,GAAiB,MAAO,CAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAErD,IAAI,IAAA,CAAC,cAAkB,IAAA,mBAAA,CAAoB,cAAc,CAAA;AAAG,MAAO,OAAA,IAAA,CAAA;AAEnE,IAAA,MAAM,UAAU,wBAAyB,CAAA,cAAc,IACnD,cACA,GAAA,mBAAA,CAAoB,gBAAgB,wBAAwB,CAAA,CAAA;AAEhE,IAAO,OAAA,OAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACH;;;;"}

package/dist/is-command-registered.js

@@ -1,11 +0,0 @@
-'use strict';
-
-var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-
-function useIsCommandRegistered(command) {
-  const [editor] = LexicalComposerContext.useLexicalComposerContext();
-  return editor._commands.has(command);
-}
-
-exports.useIsCommandRegistered = useIsCommandRegistered;
-//# sourceMappingURL=is-command-registered.js.map

package/dist/is-command-registered.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-command-registered.js","sources":["../src/is-command-registered.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { LexicalCommand } from \"lexical\";\n\n/**\n * Checks if a command is registered in the current Lexical editor.\n */\nexport function useIsCommandRegistered(command: LexicalCommand<unknown>) {\n  const [editor] = useLexicalComposerContext();\n\n  return editor._commands.has(command);\n}\n"],"names":["useLexicalComposerContext"],"mappings":";;;;AAMO,SAAS,uBAAuB,OAAkC,EAAA;AACvE,EAAM,MAAA,CAAC,MAAM,CAAA,GAAIA,gDAA0B,EAAA,CAAA;AAE3C,EAAO,OAAA,MAAA,CAAO,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AACrC;;;;"}

package/dist/is-command-registered.mjs

@@ -1,9 +0,0 @@
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-
-function useIsCommandRegistered(command) {
-  const [editor] = useLexicalComposerContext();
-  return editor._commands.has(command);
-}
-
-export { useIsCommandRegistered };
-//# sourceMappingURL=is-command-registered.mjs.map

package/dist/is-command-registered.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-command-registered.mjs","sources":["../src/is-command-registered.ts"],"sourcesContent":["import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { LexicalCommand } from \"lexical\";\n\n/**\n * Checks if a command is registered in the current Lexical editor.\n */\nexport function useIsCommandRegistered(command: LexicalCommand<unknown>) {\n  const [editor] = useLexicalComposerContext();\n\n  return editor._commands.has(command);\n}\n"],"names":[],"mappings":";;AAMO,SAAS,uBAAuB,OAAkC,EAAA;AACvE,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA,CAAA;AAE3C,EAAO,OAAA,MAAA,CAAO,SAAU,CAAA,GAAA,CAAI,OAAO,CAAA,CAAA;AACrC;;;;"}

package/dist/is-text-format-active.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var lexical = require('lexical');
-
-function isTextFormatActive(editor, format) {
-  return editor.getEditorState().read(() => {
-    const selection = lexical.$getSelection();
-    if (!lexical.$isRangeSelection(selection) || selection.isCollapsed()) {
-      return false;
-    }
-    return selection.hasFormat(format);
-  });
-}
-
-exports.isTextFormatActive = isTextFormatActive;
-//# sourceMappingURL=is-text-format-active.js.map

package/dist/is-text-format-active.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-text-format-active.js","sources":["../src/is-text-format-active.ts"],"sourcesContent":["import type { LexicalEditor, TextFormatType } from \"lexical\";\nimport { $getSelection, $isRangeSelection } from \"lexical\";\n\nexport function isTextFormatActive(\n  editor: LexicalEditor,\n  format: TextFormatType\n) {\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection) || selection.isCollapsed()) {\n      return false;\n    }\n\n    return selection.hasFormat(format);\n  });\n}\n"],"names":["$getSelection","$isRangeSelection"],"mappings":";;;;AAGgB,SAAA,kBAAA,CACd,QACA,MACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,cAAA,EAAiB,CAAA,IAAA,CAAK,MAAM;AACxC,IAAA,MAAM,YAAYA,qBAAc,EAAA,CAAA;AAEhC,IAAA,IAAI,CAACC,yBAAkB,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,aAAe,EAAA;AAC5D,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAEA,IAAO,OAAA,SAAA,CAAU,UAAU,MAAM,CAAA,CAAA;AAAA,GAClC,CAAA,CAAA;AACH;;;;"}

package/dist/is-text-format-active.mjs

@@ -1,14 +0,0 @@
-import { $getSelection, $isRangeSelection } from 'lexical';
-
-function isTextFormatActive(editor, format) {
-  return editor.getEditorState().read(() => {
-    const selection = $getSelection();
-    if (!$isRangeSelection(selection) || selection.isCollapsed()) {
-      return false;
-    }
-    return selection.hasFormat(format);
-  });
-}
-
-export { isTextFormatActive };
-//# sourceMappingURL=is-text-format-active.mjs.map

package/dist/is-text-format-active.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-text-format-active.mjs","sources":["../src/is-text-format-active.ts"],"sourcesContent":["import type { LexicalEditor, TextFormatType } from \"lexical\";\nimport { $getSelection, $isRangeSelection } from \"lexical\";\n\nexport function isTextFormatActive(\n  editor: LexicalEditor,\n  format: TextFormatType\n) {\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection();\n\n    if (!$isRangeSelection(selection) || selection.isCollapsed()) {\n      return false;\n    }\n\n    return selection.hasFormat(format);\n  });\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,kBAAA,CACd,QACA,MACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,cAAA,EAAiB,CAAA,IAAA,CAAK,MAAM;AACxC,IAAA,MAAM,YAAY,aAAc,EAAA,CAAA;AAEhC,IAAA,IAAI,CAAC,iBAAkB,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,aAAe,EAAA;AAC5D,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAEA,IAAO,OAAA,SAAA,CAAU,UAAU,MAAM,CAAA,CAAA;AAAA,GAClC,CAAA,CAAA;AACH;;;;"}

package/dist/toolbar/floating-toolbar.js

@@ -1,312 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactDom = require('@floating-ui/react-dom');
-var LexicalComposerContext = require('@lexical/react/LexicalComposerContext');
-var _private = require('@liveblocks/react-ui/_private');
-var lexical = require('lexical');
-var react = require('react');
-var reactDom$1 = require('react-dom');
-var classnames = require('../classnames.js');
-var floatingComposer = require('../comments/floating-composer.js');
-var createDomRange = require('../create-dom-range.js');
-var isCommandRegistered = require('../is-command-registered.js');
-var shared = require('./shared.js');
-var toolbar = require('./toolbar.js');
-
-const FLOATING_TOOLBAR_COLLISION_PADDING = 10;
-const FLOATING_TOOLBAR_OPEN_DELAY = 50;
-function DefaultFloatingToolbarContent() {
-  const supportsTextFormat = isCommandRegistered.useIsCommandRegistered(lexical.FORMAT_TEXT_COMMAND);
-  const supportsThread = isCommandRegistered.useIsCommandRegistered(floatingComposer.OPEN_FLOATING_COMPOSER_COMMAND);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      supportsTextFormat ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(toolbar.Toolbar.BlockSelector, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(toolbar.Toolbar.SectionInline, {})
-        ]
-      }) : null,
-      supportsThread ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(toolbar.Toolbar.Separator, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(toolbar.Toolbar.SectionCollaboration, {})
-        ]
-      }) : null
-    ]
-  });
-}
-const FloatingToolbar = Object.assign(
-  react.forwardRef(
-    ({
-      children = DefaultFloatingToolbarContent,
-      before,
-      after,
-      position = "top",
-      offset: sideOffset = 6,
-      onPointerDown,
-      onFocus,
-      onBlur,
-      className,
-      ...props
-    }, forwardedRef) => {
-      const toolbarRef = react.useRef(null);
-      const externalIds = _private.useInitial(() => /* @__PURE__ */ new Set());
-      const [isPointerDown, setPointerDown] = react.useState(false);
-      const [editor] = LexicalComposerContext.useLexicalComposerContext();
-      const [isFocused, setFocused] = react.useState(false);
-      const [isManuallyClosed, setManuallyClosed] = react.useState(false);
-      const [hasSelectionRange, setHasSelectionRange] = react.useState(false);
-      const isOpen = isFocused && !isPointerDown && hasSelectionRange && !isManuallyClosed;
-      const [delayedIsOpen, setDelayedIsOpen] = react.useState(isOpen);
-      const delayedIsOpenTimeoutRef = react.useRef();
-      react.useEffect(() => {
-        setManuallyClosed(false);
-      }, [isFocused, hasSelectionRange, editor]);
-      react.useEffect(() => {
-        const root = editor.getRootElement();
-        if (!root) {
-          return;
-        }
-        const handleFocus2 = () => {
-          setFocused(true);
-        };
-        const handleBlur2 = (event) => {
-          if (event.relatedTarget && toolbarRef.current?.contains(event.relatedTarget)) {
-            return;
-          }
-          if (event.relatedTarget === editor.getRootElement()) {
-            return;
-          }
-          for (const externalId of externalIds) {
-            if (document.getElementById(externalId)?.contains(event.relatedTarget)) {
-              return;
-            }
-          }
-          setFocused(false);
-        };
-        root.addEventListener("focus", handleFocus2);
-        root.addEventListener("blur", handleBlur2);
-        return () => {
-          root.removeEventListener("focus", handleFocus2);
-          root.removeEventListener("blur", handleBlur2);
-        };
-      }, [editor, externalIds]);
-      const handleFocus = react.useCallback(
-        (event) => {
-          onFocus?.(event);
-          if (!event.isDefaultPrevented()) {
-            setFocused(true);
-          }
-        },
-        [onFocus]
-      );
-      const handleBlur = react.useCallback(
-        (event) => {
-          onBlur?.(event);
-          if (!event.isDefaultPrevented()) {
-            if (event.relatedTarget && toolbarRef.current?.contains(event.relatedTarget)) {
-              return;
-            }
-            if (event.relatedTarget === editor?.getRootElement()) {
-              return;
-            }
-            for (const externalId of externalIds) {
-              if (document.getElementById(externalId)?.contains(event.relatedTarget)) {
-                return;
-              }
-            }
-            setFocused(false);
-          }
-        },
-        [onBlur, editor, externalIds]
-      );
-      react.useEffect(() => {
-        if (isOpen) {
-          delayedIsOpenTimeoutRef.current = window.setTimeout(() => {
-            setDelayedIsOpen(true);
-          }, FLOATING_TOOLBAR_OPEN_DELAY);
-        } else {
-          setDelayedIsOpen(false);
-        }
-        return () => {
-          window.clearTimeout(delayedIsOpenTimeoutRef.current);
-        };
-      }, [isOpen]);
-      const floatingOptions = react.useMemo(() => {
-        const detectOverflowOptions = {
-          padding: FLOATING_TOOLBAR_COLLISION_PADDING
-        };
-        return {
-          strategy: "fixed",
-          placement: position,
-          middleware: [
-            reactDom.inline(detectOverflowOptions),
-            reactDom.flip({ ...detectOverflowOptions, crossAxis: false }),
-            reactDom.hide(detectOverflowOptions),
-            reactDom.shift({
-              ...detectOverflowOptions,
-              limiter: reactDom.limitShift()
-            }),
-            reactDom.offset(sideOffset),
-            reactDom.size(detectOverflowOptions)
-          ],
-          whileElementsMounted: (...args) => {
-            return reactDom.autoUpdate(...args, {
-              animationFrame: true
-            });
-          }
-        };
-      }, [position, sideOffset]);
-      const {
-        refs: { setReference, setFloating },
-        strategy,
-        x,
-        y,
-        isPositioned
-      } = reactDom.useFloating({
-        ...floatingOptions,
-        open: delayedIsOpen
-      });
-      const mergedRefs = _private.useRefs(forwardedRef, toolbarRef, setFloating);
-      const handlePointerDown = react.useCallback(
-        (event) => {
-          onPointerDown?.(event);
-          event.stopPropagation();
-          if (event.target === toolbarRef.current) {
-            event.preventDefault();
-          }
-        },
-        [onPointerDown]
-      );
-      react.useEffect(() => {
-        if (!editor) {
-          return;
-        }
-        const handlePointerDown2 = () => {
-          setPointerDown(true);
-        };
-        const handlePointerUp = () => {
-          setPointerDown(false);
-        };
-        const root = editor.getRootElement();
-        if (!root) {
-          return;
-        }
-        root.addEventListener("pointerdown", handlePointerDown2);
-        root.addEventListener("pointercancel", handlePointerUp);
-        root.addEventListener("pointerup", handlePointerUp);
-        return () => {
-          root.removeEventListener("pointerdown", handlePointerDown2);
-          root.removeEventListener("pointercancel", handlePointerUp);
-          root.removeEventListener("pointerup", handlePointerUp);
-        };
-      }, [editor]);
-      react.useEffect(() => {
-        const unregister = editor.registerUpdateListener(({ tags }) => {
-          return editor.getEditorState().read(() => {
-            if (tags.has("collaboration"))
-              return;
-            setManuallyClosed(false);
-            const selection = lexical.$getSelection();
-            if (!lexical.$isRangeSelection(selection) || selection.isCollapsed()) {
-              setHasSelectionRange(false);
-              setReference(null);
-              return;
-            }
-            const { anchor, focus } = selection;
-            const range = createDomRange.createDOMRange(
-              editor,
-              anchor.getNode(),
-              anchor.offset,
-              focus.getNode(),
-              focus.offset
-            );
-            setHasSelectionRange(true);
-            setReference(range);
-          });
-        });
-        return unregister;
-      }, [editor, setReference]);
-      react.useEffect(() => {
-        const root = editor.getRootElement();
-        if (!root || !delayedIsOpen) {
-          return;
-        }
-        const handleKeyDown = (event) => {
-          if (event.target !== root && event.defaultPrevented) {
-            return;
-          }
-          if (event.key === "Escape") {
-            event.preventDefault();
-            event.stopPropagation();
-            editor.focus();
-            setManuallyClosed(true);
-          }
-        };
-        root.addEventListener("keydown", handleKeyDown);
-        return () => {
-          root.removeEventListener("keydown", handleKeyDown);
-        };
-      }, [editor, delayedIsOpen]);
-      const close = react.useCallback(() => {
-        editor.focus();
-        setManuallyClosed(true);
-      }, [editor, setManuallyClosed]);
-      const registerExternal = react.useCallback(
-        (id) => {
-          externalIds.add(id);
-          return () => {
-            externalIds.delete(id);
-          };
-        },
-        [externalIds]
-      );
-      if (!delayedIsOpen) {
-        return null;
-      }
-      const slotProps = { editor };
-      return reactDom$1.createPortal(
-        /* @__PURE__ */ jsxRuntime.jsx(_private.TooltipProvider, {
-          children: /* @__PURE__ */ jsxRuntime.jsx(shared.FloatingToolbarContext.Provider, {
-            value: { close, registerExternal },
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              role: "toolbar",
-              "aria-label": "Floating toolbar",
-              "aria-orientation": "horizontal",
-              className: classnames.classNames(
-                "lb-root lb-portal lb-elevation lb-lexical-floating-toolbar lb-lexical-toolbar",
-                className
-              ),
-              ref: mergedRefs,
-              style: {
-                position: strategy,
-                top: 0,
-                left: 0,
-                transform: isPositioned ? `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)` : "translate3d(0, -200%, 0)",
-                minWidth: "max-content"
-              },
-              onPointerDown: handlePointerDown,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              ...props,
-              children: [
-                toolbar.applyToolbarSlot(before, slotProps),
-                toolbar.applyToolbarSlot(children, slotProps),
-                toolbar.applyToolbarSlot(after, slotProps)
-              ]
-            })
-          })
-        }),
-        document.body
-      );
-    }
-  ),
-  {
-    External: shared.FloatingToolbarExternal
-  }
-);
-
-exports.FLOATING_TOOLBAR_COLLISION_PADDING = FLOATING_TOOLBAR_COLLISION_PADDING;
-exports.FloatingToolbar = FloatingToolbar;
-//# sourceMappingURL=floating-toolbar.js.map