@llumi/design-system 1.0.0 → 1.0.1

package/dist/review.mjs

@@ -1,14 +1,14 @@
-import { fromCallback as ct, setup as Tt, emit as dt, assign as x, stateIn as kt, enqueueActions as Lt, createActor as zt } from "xstate";
+import { fromCallback as dt, setup as Tt, emit as ht, assign as x, stateIn as kt, enqueueActions as zt, createActor as Lt } from "xstate";
 import { tinykeys as Ot } from "tinykeys";
-import { svg as _, html as v, LitElement as At, unsafeCSS as Dt } from "lit";
-import { property as f, query as F, state as Mt, customElement as A } from "lit/decorators.js";
+import { svg as N, html as v, LitElement as At, unsafeCSS as Dt } from "lit";
+import { property as f, query as K, state as Mt, customElement as A } from "lit/decorators.js";
 import { clsx as _t } from "clsx";
 import { twMerge as Nt } from "tailwind-merge";
 import { autoUpdate as vt, computePosition as wt, offset as bt, flip as xt, shift as yt, size as Ct } from "@floating-ui/dom";
 import { classMap as Pt } from "lit/directives/class-map.js";
-import { repeat as $t } from "lit/directives/repeat.js";
-import { styleMap as Rt } from "lit/directives/style-map.js";
-function ht(n, e) {
+import { repeat as Rt } from "lit/directives/repeat.js";
+import { styleMap as $t } from "lit/directives/style-map.js";
+function gt(n, e) {
   const t = n.getAttribute("data-review-id");
   if (t) return t;
   for (const i of e ?? [])
@@ -18,7 +18,7 @@ function ht(n, e) {
     }
   return null;
 }
-function N(n, e) {
+function P(n, e) {
   const t = n.closest("[data-review-id]");
   if (t) {
     const i = t.getAttribute("data-review-id");
@@ -33,7 +33,7 @@ function N(n, e) {
   }
   return null;
 }
-function P(n, e) {
+function R(n, e) {
   const t = /* @__PURE__ */ new Set(), i = [];
   for (const o of Array.from(
     n.querySelectorAll("[data-review-id]")
@@ -70,57 +70,57 @@ function P(n, e) {
   }
   return i;
 }
-const nt = "review-highlight-hover", C = "review-highlight-commented", G = "review-highlight-editing", j = "review-highlight-uncommented", V = "review-target", gt = "review-active";
+const ot = "review-highlight-hover", C = "review-highlight-commented", j = "review-highlight-editing", U = "review-highlight-uncommented", V = "review-target", ut = "review-active";
 function B(n) {
   n.classList.remove(
-    nt,
+    ot,
     C,
-    G,
-    j
+    j,
+    U
   );
 }
 function Ht(n, e) {
   let t = null, i = null, o = null;
   function r(c) {
-    n.classList.add(gt);
-    const h = P(n, e);
-    for (const { element: p, targetId: d, kind: T } of h)
-      (T === "element" || T === "both") && (p.hasAttribute("data-review-id") || p.classList.add(V), c.has(d) && p.classList.add(C));
+    n.classList.add(ut);
+    const h = R(n, e);
+    for (const { element: p, targetId: d, kind: k } of h)
+      (k === "element" || k === "both") && (p.hasAttribute("data-review-id") || p.classList.add(V), c.has(d) && p.classList.add(C));
   }
   function a() {
-    n.classList.remove(gt), t && (clearTimeout(t), t = null);
-    const c = P(n, e);
+    n.classList.remove(ut), t && (clearTimeout(t), t = null);
+    const c = R(n, e);
     for (const { element: h } of c)
       B(h), h.classList.remove(V);
   }
   function s(c) {
-    const h = P(n, e), p = [];
+    const h = R(n, e), p = [];
     for (const { element: d } of h)
-      !d.classList.contains(C) && !d.classList.contains(G) && (d.classList.add(j), p.push(d));
+      !d.classList.contains(C) && !d.classList.contains(j) && (d.classList.add(U), p.push(d));
     c && (t && clearTimeout(t), t = setTimeout(() => {
       t = null;
       for (const d of p)
-        d.classList.contains(G) || d.classList.remove(j);
+        d.classList.contains(j) || d.classList.remove(U);
     }, 500));
   }
   function l() {
     t && (clearTimeout(t), t = null);
-    const c = P(n, e);
+    const c = R(n, e);
     for (const { element: h } of c)
-      h.classList.remove(j);
+      h.classList.remove(U);
   }
   function u(c, h) {
-    h || (B(c), c.classList.add(G));
+    h || (B(c), c.classList.add(j));
   }
   function m(c, h) {
     B(c), h && c.classList.add(C);
   }
   function b(c, h) {
-    (ht(c, e) ?? c.getAttribute("data-review-selectable")) !== h && c.classList.add(nt);
+    (gt(c, e) ?? c.getAttribute("data-review-selectable")) !== h && c.classList.add(ot);
   }
   function g(c, h, p) {
-    const d = ht(c, e) ?? c.getAttribute("data-review-selectable");
-    d !== h && (c.classList.remove(nt), d && (p != null && p.has(d)) && c.classList.add(C));
+    const d = gt(c, e) ?? c.getAttribute("data-review-selectable");
+    d !== h && (c.classList.remove(ot), d && (p != null && p.has(d)) && c.classList.add(C));
   }
   function It(c) {
     q(), o = c.editingTarget ?? null, i = new MutationObserver((h) => {
@@ -131,24 +131,24 @@ function Ht(n, e) {
         }
         for (const d of Array.from(p.addedNodes)) {
           if (!(d instanceof HTMLElement)) continue;
-          const T = [
+          const k = [
             ...d.matches("[data-review-id]") ? [d] : [],
             ...Array.from(
               d.querySelectorAll("[data-review-id]")
             )
           ];
-          for (const I of T) {
-            const M = I.getAttribute("data-review-id");
-            M && c.commentedIds.has(M) && I.classList.add(C);
+          for (const I of k) {
+            const _ = I.getAttribute("data-review-id");
+            _ && c.commentedIds.has(_) && I.classList.add(C);
           }
           for (const I of e ?? []) {
-            const M = [
+            const _ = [
               ...d.matches(I.selector) ? [d] : [],
               ...Array.from(d.querySelectorAll(I.selector))
             ];
-            for (const W of M) {
-              const lt = I.toId(W);
-              W.classList.add(V), lt && c.commentedIds.has(lt) && W.classList.add(C);
+            for (const W of _) {
+              const ct = I.toId(W);
+              W.classList.add(V), ct && c.commentedIds.has(ct) && W.classList.add(C);
             }
           }
           (d.hasAttribute("data-review-selectable") || d.querySelector("[data-review-selectable]") !== null) && c.onSelectableReconnected();
@@ -220,7 +220,7 @@ function Ft(n) {
   return e;
 }
 function Kt() {
-  const n = ct(
+  const n = dt(
     ({ sendBack: t, input: i }) => {
       const o = () => t({ type: "RELEASE_ANNOTATE" }), r = (l) => {
         l.key === "Alt" && (l.preventDefault(), t({ type: "HOLD_ANNOTATE" }));
@@ -244,7 +244,7 @@ function Kt() {
         s(), window.removeEventListener("keydown", r), window.removeEventListener("keyup", a), window.removeEventListener("blur", o);
       };
     }
-  ), e = ct(({ sendBack: t, input: i }) => {
+  ), e = dt(({ sendBack: t, input: i }) => {
     const o = new MutationObserver((r) => {
       for (const a of r)
         for (const s of Array.from(a.removedNodes))
@@ -336,14 +336,14 @@ function Kt() {
         selectionRange: null
       })),
       cleanup: x(({ context: t }) => Ut(t)),
-      emitChanged: dt(({ context: t }) => ({
+      emitChanged: ht(({ context: t }) => ({
         type: "REVIEW_CHANGED",
         result: Y(t)
       })),
       persistSave: ({ context: t }) => {
         t.persistence.save(Y(t));
       },
-      emitSubmitted: dt(({ context: t }) => ({
+      emitSubmitted: ht(({ context: t }) => ({
         type: "REVIEW_SUBMITTED",
         result: Y(t)
       })),
@@ -439,7 +439,7 @@ function Kt() {
             on: {
               TOGGLE: {
                 target: "inactive",
-                actions: Lt(({ enqueue: t, check: i }) => {
+                actions: zt(({ enqueue: t, check: i }) => {
                   i("isCommentingEditing") && t.raise({ type: "CLOSE" });
                 })
               }
@@ -634,7 +634,7 @@ function Kt() {
     }
   });
 }
-const ut = {
+const mt = {
   load: () => {
   },
   save: () => {
@@ -710,7 +710,7 @@ function Vt(n) {
   );
   return { startOffset: o, endOffset: r, selectedText: i, matchIndex: a };
 }
-function mt(n, e) {
+function Q(n, e) {
   const t = n.textContent ?? "";
   if (t.slice(
     e.startOffset,
@@ -737,7 +737,7 @@ function Bt(n, e) {
   const t = n.getRangeAt(0);
   return e.contains(t.startContainer) && e.contains(t.endContainer);
 }
-function Q(n) {
+function Z(n) {
   const e = n instanceof HTMLElement ? n : n.parentElement;
   return (e == null ? void 0 : e.closest("[data-review-selectable]")) ?? null;
 }
@@ -808,7 +808,7 @@ function ee(n, e) {
     return a - s;
   });
 }
-function k(...n) {
+function z(...n) {
   return Nt(_t(n));
 }
 function $(n) {
@@ -825,21 +825,21 @@ function $(n) {
     ${n}
   </svg>`;
 }
-const U = {
-  check: $(_`<path d="M20 6 9 17l-5-5" />`),
+const F = {
+  check: $(N`<path d="M20 6 9 17l-5-5" />`),
   gripVertical: $(
-    _`<circle cx="9" cy="12" r="1" /><circle cx="9" cy="5" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="19" r="1" />`
+    N`<circle cx="9" cy="12" r="1" /><circle cx="9" cy="5" r="1" /><circle cx="9" cy="19" r="1" /><circle cx="15" cy="12" r="1" /><circle cx="15" cy="5" r="1" /><circle cx="15" cy="19" r="1" />`
   ),
   messageSquare: $(
-    _`<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />`
+    N`<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />`
   ),
   trash: $(
-    _`<path d="M3 6h18" /><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />`
+    N`<path d="M3 6h18" /><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />`
   )
-}, ie = '/*! tailwindcss v4.3.1 | 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-y-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-outline-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;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{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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-\\[calc\\(var\\(--review-z-index\\,9998\\)\\+1\\)\\]{z-index:calc(var(--review-z-index,9998) + 1)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-\\[18px\\]{height:18px}.max-h-\\[200px\\]{max-height:200px}.w-7{width:calc(var(--spacing) * 7)}.w-\\[400px\\]{width:400px}.w-full{width:100%}.w-px{width:1px}.max-w-0{max-width:0}.max-w-2xl{max-width:var(--container-2xl)}.min-w-\\[18px\\]{min-width:18px}.flex-1{flex:1}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-3\\.5{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[llumi-fade-in_0\\.15s_ease-out\\]{animation:.15s ease-out llumi-fade-in}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/25{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.bg-white\\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300{background-color:var(--color-zinc-300)}.bg-zinc-900{background-color:var(--color-zinc-900)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.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-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-white{color:var(--color-white)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.italic{font-style:italic}.shadow{--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)}.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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-zinc-400\\/20{--tw-ring-color:#9f9fa933}@supports (color:color-mix(in lab,red,red)){.ring-zinc-400\\/20{--tw-ring-color:color-mix(in oklab, var(--color-zinc-400) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-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-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\\:max-w-\\[60px\\]:is(:where(.group):hover *){max-width:60px}}.placeholder\\:text-zinc-400::placeholder{color:var(--color-zinc-400)}@media(hover:hover){.hover\\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-900:hover{background-color:var(--color-zinc-900)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:cursor-grabbing:active{cursor:grabbing}.active\\:bg-zinc-950:active{background-color:var(--color-zinc-950)}}@keyframes llumi-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@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-y-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}', ne = Dt(ie), at = class at extends At {
+}, ie = '/*! tailwindcss v4.3.1 | 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-y-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-outline-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;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{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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-\\[calc\\(var\\(--review-z-index\\,9998\\)\\+1\\)\\]{z-index:calc(var(--review-z-index,9998) + 1)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-\\[18px\\]{height:18px}.max-h-\\[200px\\]{max-height:200px}.w-7{width:calc(var(--spacing) * 7)}.w-\\[400px\\]{width:400px}.w-full{width:100%}.w-px{width:1px}.max-w-0{max-width:0}.max-w-2xl{max-width:var(--container-2xl)}.min-w-\\[18px\\]{min-width:18px}.flex-1{flex:1}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-3\\.5{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\\[llumi-fade-in_0\\.15s_ease-out\\]{animation:.15s ease-out llumi-fade-in}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/25{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.bg-white\\/25{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300{background-color:var(--color-zinc-300)}.bg-zinc-900{background-color:var(--color-zinc-900)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.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-\\[11px\\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-white{color:var(--color-white)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.italic{font-style:italic}.shadow{--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)}.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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-zinc-400\\/20{--tw-ring-color:#9f9fa933}@supports (color:color-mix(in lab,red,red)){.ring-zinc-400\\/20{--tw-ring-color:color-mix(in oklab, var(--color-zinc-400) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-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-150{--tw-duration:.15s;transition-duration:.15s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\\:max-w-\\[60px\\]:is(:where(.group):hover *){max-width:60px}}.placeholder\\:text-zinc-400::placeholder{color:var(--color-zinc-400)}@media(hover:hover){.hover\\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-900:hover{background-color:var(--color-zinc-900)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:cursor-grabbing:active{cursor:grabbing}.active\\:bg-zinc-950:active{background-color:var(--color-zinc-950)}}:host{--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-y-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-outline-style:solid;--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}@keyframes llumi-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@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-y-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}', ne = Dt(ie), st = class st extends At {
 };
-at.styles = ne;
-let E = at;
+st.styles = ne;
+let E = st;
 var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, y = (n, e, t, i) => {
   for (var o = i > 1 ? void 0 : i ? re(e, t) : e, r = n.length - 1, a; r >= 0; r--)
     (a = n[r]) && (o = (i ? a(e, t, o) : a(o)) || o);
@@ -881,7 +881,7 @@ let w = class extends E {
     const n = this.mode !== "idle", e = this.commentCount + (this.hasOverallComment ? 1 : 0), t = e > 0, i = ae[this.barPosition], o = this.dragOffset ? `position:fixed;left:${this.dragOffset.x}px;top:${this.dragOffset.y}px;z-index:var(--review-z-index,9998);` : `position:fixed;${i.top ? `top:${i.top};` : ""}${i.bottom ? `bottom:${i.bottom};` : ""}${i.left ? `left:${i.left};` : ""}${i.right ? `right:${i.right};` : ""}${i.translateX ? `transform:translateX(${i.translateX});` : ""}z-index:var(--review-z-index,9998);`;
     return v`<div
       data-bar
-      class=${k(
+      class=${z(
       "flex items-center gap-2 rounded-full border border-zinc-200 bg-white p-1 shadow-lg",
       n && "ring-1 ring-zinc-400/20"
     )}
@@ -891,23 +891,23 @@ let w = class extends E {
         class="flex h-7 w-7 cursor-grab items-center justify-center text-zinc-400 active:cursor-grabbing"
         @pointerdown=${this.onDragStart}
       >
-        <span class="size-3">${U.gripVertical}</span>
+        <span class="size-3">${F.gripVertical}</span>
       </div>
 
       <label class="flex cursor-pointer items-center gap-2 px-1">
-        <span class=${k("select-none text-xs font-medium transition-colors duration-150", n ? "text-zinc-900" : "text-zinc-500")}>Annotate</span>
+        <span class=${z("select-none text-xs font-medium transition-colors duration-150", n ? "text-zinc-900" : "text-zinc-500")}>Annotate</span>
         <button
           type="button"
           role="switch"
           aria-checked=${n ? "true" : "false"}
           data-toggle
           @click=${this.onToggle}
-          class=${k(
+          class=${z(
       "relative inline-flex h-4 w-7 items-center rounded-full transition-colors",
       n ? "bg-zinc-900" : "bg-zinc-300"
     )}
         >
-          <span class=${k("inline-block size-3 transform rounded-full bg-white transition-transform", n ? "translate-x-3.5" : "translate-x-0.5")}></span>
+          <span class=${z("inline-block size-3 transform rounded-full bg-white transition-transform", n ? "translate-x-3.5" : "translate-x-0.5")}></span>
         </button>
       </label>
 
@@ -917,13 +917,13 @@ let w = class extends E {
         type="button"
         data-overall
         @click=${this.onOverallToggle}
-        class=${k(
+        class=${z(
       "relative flex h-7 items-center gap-1.5 rounded-full px-3 text-xs font-medium",
       this.hasOverallComment ? "bg-zinc-900 text-white hover:bg-zinc-800 active:bg-zinc-950" : this.overallCommentOpen ? "bg-zinc-100 hover:bg-zinc-200" : "border border-zinc-200 hover:bg-zinc-50"
     )}
       >
         Comment
-        <span class="size-3.5">${U.messageSquare}</span>
+        <span class="size-3.5">${F.messageSquare}</span>
       </button>
 
       <div class="h-4 w-px bg-zinc-200"></div>
@@ -936,7 +936,7 @@ let w = class extends E {
       >
         ${t ? "Submit" : "Approve"}
         <span class="flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-white/25 px-1 text-[11px] font-semibold">
-          ${t ? e : v`<span class="size-3">${U.check}</span>`}
+          ${t ? e : v`<span class="size-3">${F.check}</span>`}
         </span>
       </button>
     </div>`;
@@ -976,7 +976,7 @@ y([
   f()
 ], w.prototype, "barPosition", 2);
 y([
-  F("[data-bar]")
+  K("[data-bar]")
 ], w.prototype, "bar", 2);
 y([
   Mt()
@@ -1038,19 +1038,19 @@ D([
   f()
 ], S.prototype, "placeholder", 2);
 D([
-  F("textarea")
+  K("textarea")
 ], S.prototype, "textarea", 2);
 S = D([
   A("llumi-default-editor")
 ], S);
-var ce = Object.defineProperty, de = Object.getOwnPropertyDescriptor, K = (n, e, t, i) => {
+var ce = Object.defineProperty, de = Object.getOwnPropertyDescriptor, M = (n, e, t, i) => {
   for (var o = i > 1 ? void 0 : i ? de(e, t) : e, r = n.length - 1, a; r >= 0; r--)
     (a = n[r]) && (o = (i ? a(e, t, o) : a(o)) || o);
   return i && o && ce(e, t, o), o;
 };
-let z = class extends E {
+let T = class extends E {
   constructor() {
-    super(...arguments), this.targetElement = null, this.value = "";
+    super(...arguments), this.targetElement = null, this.anchor = null, this.value = "";
   }
   render() {
     const n = this.value.trim().length > 0;
@@ -1071,7 +1071,7 @@ let z = class extends E {
               @click=${this.onDelete}
               class="group absolute top-2 right-2 z-10 flex items-center gap-1 rounded-md px-1.5 py-1 text-zinc-400 transition-all duration-150 hover:bg-zinc-900 hover:text-white"
             >
-              <span class="size-3.5">${U.trash}</span>
+              <span class="size-3.5">${F.trash}</span>
               <span class="max-w-0 overflow-hidden text-xs transition-all duration-150 group-hover:max-w-[60px]">Delete</span>
             </button>` : null}
         <div class="p-3" @change=${this.onEditorChange} @cancel=${this.onCancel} @delete=${this.onDelete}>
@@ -1101,7 +1101,7 @@ let z = class extends E {
   }
   startPositioning() {
     var t;
-    const n = this.targetElement, e = this.floating;
+    const n = this.anchor ?? this.targetElement, e = this.floating;
     !n || !e || ((t = this.cleanup) == null || t.call(this), this.cleanup = vt(n, e, () => {
       wt(n, e, {
         placement: "right",
@@ -1137,18 +1137,21 @@ let z = class extends E {
     super.disconnectedCallback(), (n = this.cleanup) == null || n.call(this), this.cleanup = void 0;
   }
 };
-K([
+M([
   f({ attribute: !1 })
-], z.prototype, "targetElement", 2);
-K([
+], T.prototype, "targetElement", 2);
+M([
+  f({ attribute: !1 })
+], T.prototype, "anchor", 2);
+M([
   f()
-], z.prototype, "value", 2);
-K([
-  F("[data-floating]")
-], z.prototype, "floating", 2);
-z = K([
+], T.prototype, "value", 2);
+M([
+  K("[data-floating]")
+], T.prototype, "floating", 2);
+T = M([
   A("llumi-comment-dialog")
-], z);
+], T);
 var he = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, X = (n, e, t, i) => {
   for (var o = i > 1 ? void 0 : i ? ge(e, t) : e, r = n.length - 1, a; r >= 0; r--)
     (a = n[r]) && (o = (i ? a(e, t, o) : a(o)) || o);
@@ -1236,7 +1239,7 @@ X([
   f()
 ], O.prototype, "value", 2);
 X([
-  F("[data-floating]")
+  K("[data-floating]")
 ], O.prototype, "floating", 2);
 O = X([
   A("llumi-overall-comment-dialog")
@@ -1247,18 +1250,18 @@ var ue = Object.defineProperty, me = Object.getOwnPropertyDescriptor, Et = (n, e
   return i && o && ue(e, t, o), o;
 };
 const pe = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E";
-let ot = class extends E {
+let rt = class extends E {
   constructor() {
     super(...arguments), this.positions = [];
   }
   render() {
-    return v`${$t(
+    return v`${Rt(
       this.positions,
       (n) => n.commentId,
       (n) => v`<button
         type="button"
         @click=${(e) => this.onClick(e, n.commentId)}
-        style=${Rt({
+        style=${$t({
         position: "absolute",
         top: `${n.top - 10}px`,
         left: `${n.left + 2}px`,
@@ -1291,40 +1294,40 @@ let ot = class extends E {
 };
 Et([
   f({ attribute: !1 })
-], ot.prototype, "positions", 2);
-ot = Et([
+], rt.prototype, "positions", 2);
+rt = Et([
   A("llumi-selection-comment-icons")
-], ot);
-const R = "data-review-selectable", Z = "review-selection-commented", tt = "review-selection-editing", L = "review-selection-hover", fe = "$mod+Shift+M", ft = "data-llumi-review";
-let et = !1;
+], rt);
+const H = "data-review-selectable", tt = "review-selection-commented", et = "review-selection-editing", L = "review-selection-hover", fe = "$mod+Shift+M", ft = "data-llumi-review";
+let it = !1;
 function ve() {
-  if (et) return;
+  if (it) return;
   if (document.querySelector(`style[${ft}]`)) {
-    et = !0;
+    it = !0;
     return;
   }
   const n = document.createElement("style");
-  n.setAttribute(ft, ""), n.textContent = Gt, document.head.append(n), et = !0;
+  n.setAttribute(ft, ""), n.textContent = Gt, document.head.append(n), it = !0;
 }
-function H() {
+function G() {
   if (!(typeof CSS > "u"))
     return CSS.highlights;
 }
-function it(...n) {
+function nt(...n) {
   return new Highlight(
     ...n
   );
 }
-const st = class st extends HTMLElement {
+const lt = class lt extends HTMLElement {
   constructor() {
-    super(...arguments), this.persistence = ut, this.manager = null, this.rangeMap = /* @__PURE__ */ new Map(), this.hoveredComment = null, this.selectionJustHandled = !1, this.selectionComments = [], this.commentDialog = null, this.overallDialog = null, this.onPointerUp = () => {
+    super(...arguments), this.persistence = mt, this.manager = null, this.rangeMap = /* @__PURE__ */ new Map(), this.hoveredComment = null, this.selectionJustHandled = !1, this.selectionComments = [], this.commentDialog = null, this.commentDialogAnchorId = null, this.overallDialog = null, this.onPointerUp = () => {
       if (!this.isAnnotating()) return;
       const e = window.getSelection();
       if (!e || e.isCollapsed || e.rangeCount === 0)
         return;
-      const t = e.getRangeAt(0), i = Q(t.startContainer);
+      const t = e.getRangeAt(0), i = Z(t.startContainer);
       if (!i) return;
-      const o = Q(t.endContainer);
+      const o = Z(t.endContainer);
       if (o && o !== i) {
         e.removeAllRanges();
         return;
@@ -1334,7 +1337,7 @@ const st = class st extends HTMLElement {
         if (!s) return;
         e.removeAllRanges(), e.addRange(s);
       }
-      const r = i.getAttribute(R);
+      const r = i.getAttribute(H);
       if (!r) return;
       const a = Vt(i);
       a && (e.removeAllRanges(), this.selectionJustHandled = !0, this.actor.send({
@@ -1345,7 +1348,7 @@ const st = class st extends HTMLElement {
       }));
     }, this.onPointerMove = (e) => {
       if (!this.isAnnotating()) return;
-      const t = H();
+      const t = G();
       if (!t) return;
       const i = this.caretPosition(e.clientX, e.clientY);
       if (!i) {
@@ -1363,7 +1366,7 @@ const st = class st extends HTMLElement {
           const r = this.rangeMap.get(o);
           r && t.set(
             L,
-            it(r)
+            nt(r)
           );
         } else
           t.delete(L);
@@ -1383,7 +1386,7 @@ const st = class st extends HTMLElement {
               (b) => b.commentId === s
             );
             if (!u) continue;
-            const m = Q(i.offsetNode);
+            const m = Z(i.offsetNode);
             if (!m) continue;
             e.stopPropagation(), e.preventDefault(), this.actor.send({
               type: "CLICK",
@@ -1399,7 +1402,7 @@ const st = class st extends HTMLElement {
       );
       if (a && this.contains(a)) {
         e.stopPropagation(), e.preventDefault();
-        const s = N(o, this.customTargets);
+        const s = P(o, this.customTargets);
         s ? this.actor.send({
           type: "CLICK",
           targetId: s.targetId,
@@ -1408,7 +1411,7 @@ const st = class st extends HTMLElement {
       }
     }, this.onWrapperClick = (e) => {
       if (!this.contains(e.target) || !this.isAnnotating()) return;
-      const t = N(e.target, this.customTargets);
+      const t = P(e.target, this.customTargets);
       t ? (e.stopPropagation(), e.preventDefault(), this.actor.send({
         type: "CLICK",
         targetId: t.targetId,
@@ -1417,7 +1420,7 @@ const st = class st extends HTMLElement {
     }, this.onMouseOver = (e) => {
       const t = this.manager;
       if (!t || !this.isAnnotating()) return;
-      const i = this.currentEditingTargetId(), o = N(
+      const i = this.currentEditingTargetId(), o = P(
         e.target,
         this.customTargets
       );
@@ -1435,7 +1438,7 @@ const st = class st extends HTMLElement {
       const i = this.currentEditingTargetId(), o = /* @__PURE__ */ new Set();
       for (const s of this.actor.getSnapshot().context.comments)
         !s.selection && s.content.trim() && o.add(s.targetId);
-      const r = N(
+      const r = P(
         e.target,
         this.customTargets
       );
@@ -1465,9 +1468,9 @@ const st = class st extends HTMLElement {
   connectedCallback() {
     ve(), this.style.position === "" && (this.style.position = "relative"), this.style.display === "" && (this.style.display = "block");
     const e = this.buildHighlightCallbacks();
-    this.persistence = this.persistKey ? qt(this.persistKey) : ut;
+    this.persistence = this.persistKey ? qt(this.persistKey) : mt;
     const t = Kt();
-    this.actor = zt(t, {
+    this.actor = Lt(t, {
       input: {
         shortcut: this.shortcut,
         initialData: this.initialData,
@@ -1480,8 +1483,8 @@ const st = class st extends HTMLElement {
   disconnectedCallback() {
     var t, i, o, r, a, s;
     this.removeEventListener("pointerup", this.onPointerUp), this.removeEventListener("pointermove", this.onPointerMove), this.removeEventListener("click", this.onClickCapture, !0), this.removeEventListener("click", this.onWrapperClick), this.removeEventListener("mouseover", this.onMouseOver), this.removeEventListener("mouseout", this.onMouseOut);
-    const e = H();
-    e && (e.delete(Z), e.delete(tt), e.delete(L)), this.icons && (this.icons.positions = []), (t = this.manager) == null || t.destroy(), this.manager = null, (i = this.actor) == null || i.stop(), (o = this.bar) == null || o.remove(), (r = this.commentDialog) == null || r.remove(), (a = this.overallDialog) == null || a.remove(), (s = this.icons) == null || s.remove();
+    const e = G();
+    e && (e.delete(tt), e.delete(et), e.delete(L)), this.icons && (this.icons.positions = []), (t = this.manager) == null || t.destroy(), this.manager = null, (i = this.actor) == null || i.stop(), (o = this.bar) == null || o.remove(), (r = this.commentDialog) == null || r.remove(), (a = this.overallDialog) == null || a.remove(), (s = this.icons) == null || s.remove();
   }
   attributeChangedCallback() {
     this.bar && (this.bar.barPosition = this.barPosition);
@@ -1517,6 +1520,18 @@ const st = class st extends HTMLElement {
   clearPersisted() {
     this.persistence.clear();
   }
+  // Build a floating-ui virtual reference that tracks a selection's live rect.
+  // `contextElement` lets autoUpdate find the right scroll ancestors. Returns
+  // null when the range can't be restored, so the dialog falls back to anchoring
+  // on the whole element.
+  selectionAnchor(e, t) {
+    const i = Q(e, t);
+    return i ? {
+      getBoundingClientRect: () => i.getBoundingClientRect(),
+      getClientRects: () => i.getClientRects(),
+      contextElement: e
+    } : null;
+  }
   // --- chrome lifecycle ---
   mountChrome() {
     this.bar = document.createElement("llumi-review-bar"), this.bar.barPosition = this.barPosition, this.bar.addEventListener(
@@ -1541,7 +1556,7 @@ const st = class st extends HTMLElement {
     const t = this.actor.getSnapshot().context.comments.find((o) => o.commentId === e);
     if (!t) return;
     const i = this.querySelector(
-      `[${R}="${t.targetId}"]`
+      `[${H}="${t.targetId}"]`
     );
     i && this.actor.send({
       type: "CLICK",
@@ -1571,7 +1586,7 @@ const st = class st extends HTMLElement {
     ), this.commentDialog.addEventListener(
       "close",
       () => this.actor.send({ type: "CLOSE" })
-    ), document.body.append(this.commentDialog)), this.commentDialog.targetElement = r, this.commentDialog.value = l.content) : this.commentDialog && (this.commentDialog.remove(), this.commentDialog = null), u ? (this.overallDialog || (this.overallDialog = document.createElement(
+    ), document.body.append(this.commentDialog)), l.commentId !== this.commentDialogAnchorId && (this.commentDialogAnchorId = l.commentId, this.commentDialog.anchor = l.selection ? this.selectionAnchor(r, l.selection) : null, this.commentDialog.targetElement = r), this.commentDialog.value = l.content) : this.commentDialog && (this.commentDialog.remove(), this.commentDialog = null, this.commentDialogAnchorId = null), u ? (this.overallDialog || (this.overallDialog = document.createElement(
       "llumi-overall-comment-dialog"
     ), this.overallDialog.addEventListener(
       "change",
@@ -1600,8 +1615,8 @@ const st = class st extends HTMLElement {
         const e = this.manager;
         if (!e) return;
         e.deactivate(), e.stopObserving();
-        const t = H();
-        t && (t.delete(Z), t.delete(tt), t.delete(L)), this.rangeMap.clear(), this.icons.positions = [];
+        const t = G();
+        t && (t.delete(tt), t.delete(et), t.delete(L)), this.rangeMap.clear(), this.icons.positions = [];
       },
       reveal: (e) => {
         var t;
@@ -1623,16 +1638,16 @@ const st = class st extends HTMLElement {
   }
   // --- selection highlight painting (port of updateSelectionHighlights) ---
   updateSelectionHighlights() {
-    const e = H();
+    const e = G();
     if (!e) return;
-    const t = it(), i = it(), o = /* @__PURE__ */ new Map(), r = [], a = this.actor.getSnapshot().context;
+    const t = nt(), i = nt(), o = /* @__PURE__ */ new Map(), r = [], a = this.actor.getSnapshot().context;
     for (const l of this.selectionComments) {
       if (!l.selection) continue;
       const u = this.querySelector(
-        `[${R}="${l.targetId}"]`
+        `[${H}="${l.targetId}"]`
       );
       if (!u) continue;
-      const m = mt(u, l.selection);
+      const m = Q(u, l.selection);
       if (!m) continue;
       o.set(l.commentId, m), l.commentId === a.editingCommentId ? i.add(m) : t.add(m);
       const b = m.getClientRects(), g = b[b.length - 1];
@@ -1649,18 +1664,18 @@ const st = class st extends HTMLElement {
       );
       if (l != null && l.selection) {
         const u = this.querySelector(
-          `[${R}="${l.targetId}"]`
+          `[${H}="${l.targetId}"]`
         );
         if (u) {
-          const m = mt(u, l.selection);
+          const m = Q(u, l.selection);
           m && i.add(m);
         }
       }
     }
     this.rangeMap = o, e.set(
-      Z,
+      tt,
       t
-    ), e.set(tt, i), this.icons.positions = r;
+    ), e.set(et, i), this.icons.positions = r;
   }
   isAnnotating() {
     return !this.actor.getSnapshot().matches({ annotating: "inactive" });
@@ -1682,14 +1697,14 @@ const st = class st extends HTMLElement {
       return ((t = e.comments.find((i) => i.commentId === e.editingCommentId)) == null ? void 0 : t.targetId) ?? void 0;
   }
 };
-st.observedAttributes = ["bar-position", "shortcut", "default-mode"];
-let rt = st;
-customElements.get("llumi-review") || customElements.define("llumi-review", rt);
+lt.observedAttributes = ["bar-position", "shortcut", "default-mode"];
+let at = lt;
+customElements.get("llumi-review") || customElements.define("llumi-review", at);
 export {
-  z as LlumiCommentDialog,
+  T as LlumiCommentDialog,
   S as LlumiDefaultEditor,
   O as LlumiOverallCommentDialog,
-  rt as LlumiReview,
+  at as LlumiReview,
   w as LlumiReviewBar,
-  ot as LlumiSelectionCommentIcons
+  rt as LlumiSelectionCommentIcons
 };