@lostgradient/cinder 0.2.0 → 0.4.0

package/dist/server/components/review-editor/index.js

@@ -1,39 +1,8 @@
 import { createRequire } from "node:module";
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
-var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
-        enumerable: true
-      });
-  if (canCache)
-    cache.set(mod, to);
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
 
-// src/components/portal/portal.svelte
+// src/components/focus-trap/focus-trap.svelte
 import * as $2 from "svelte/internal/server";
 
 // src/utilities/class-names.ts
@@ -41,107 +10,8 @@ function classNames(...parts) {
   return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
 }
 
-// src/components/portal/portal.utilities.svelte.ts
-import * as $ from "svelte/internal/server";
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/utilities/read-option.ts
-function isOptionGetter(value) {
-  return typeof value === "function";
-}
-function readOption(value) {
-  return isOptionGetter(value) ? value() : value;
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-function resolvePortalTarget(target) {
-  if (typeof document === "undefined")
-    return null;
-  if (target == null) {
-    return { kind: "resolved", target: document.body };
-  }
-  if (target instanceof HTMLElement) {
-    return { kind: "resolved", target };
-  }
-  try {
-    const resolved = document.querySelector(target);
-    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
-  } catch {
-    return { kind: "unresolved", key: target };
-  }
-}
-function createPortalAttachment(options = {}) {
-  let lastWarnedUnresolvedKey = null;
-  return (element) => {
-    const initialParent = element.parentElement;
-    const initialAttributes = {
-      dir: element.getAttribute("dir"),
-      theme: element.getAttribute("data-cinder-theme")
-    };
-    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
-    if (anchor && initialParent && element.parentNode === initialParent) {
-      initialParent.insertBefore(anchor, element);
-    }
-    function restoreInline() {
-      if (!anchor || !anchor.parentNode)
-        return;
-      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
-        return;
-      anchor.parentNode.insertBefore(element, anchor.nextSibling);
-    }
-    return () => {
-      if (anchor && anchor.parentNode) {
-        anchor.parentNode.removeChild(anchor);
-      }
-    };
-  };
-}
-
-// src/components/portal/portal.svelte
-function Portal($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      target = null,
-      disabled = false,
-      class: className,
-      inheritAttributes = true,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let hasHydrated = false;
-    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
-    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
-    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
-    if (shouldRenderChildren()) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/portal/index.ts
-var portal_default = Portal;
-// src/components/focus-trap/focus-trap.svelte
-import * as $4 from "svelte/internal/server";
-
 // src/components/focus-trap/focus-trap.utilities.svelte.ts
-import * as $3 from "svelte/internal/server";
+import * as $ from "svelte/internal/server";
 
 // src/utilities/focus.ts
 function restoreFocusTo(target) {
@@ -161,6 +31,14 @@ function restoreFocusTo(target) {
   return true;
 }
 
+// src/utilities/read-option.ts
+function isOptionGetter(value) {
+  return typeof value === "function";
+}
+function readOption(value) {
+  return isOptionGetter(value) ? value() : value;
+}
+
 // src/components/focus-trap/focus-trap.utilities.svelte.ts
 var trapStack = [];
 var FOCUSABLE_SELECTOR = [
@@ -187,7 +65,7 @@ function isFocusableCandidate(element) {
     return false;
   if (element.hasAttribute("disabled"))
     return false;
-  if (element.getAttribute("tabindex") === "-1")
+  if (element.hasAttribute("tabindex") && element.tabIndex < 0)
     return false;
   return true;
 }
@@ -266,6 +144,7 @@ function createFocusTrap(options = {}) {
     const restoreFocus = options.restoreFocus ?? true;
     const initialFocus = options.initialFocus ?? null;
     const fallbackFocus = options.fallbackFocus ?? null;
+    const manageInitialFocus = options.manageInitialFocus ?? true;
     let activated = false;
     let activationGeneration = 0;
     let capturedFocus = null;
@@ -293,8 +172,10 @@ function createFocusTrap(options = {}) {
       const generation = ++activationGeneration;
       capturedFocus = document.activeElement instanceof HTMLElement && document.activeElement !== document.body ? document.activeElement : null;
       pushTrap({ id: trapId, node });
+      if (!manageInitialFocus)
+        return;
       queueMicrotask(() => {
-        if (!activated || generation !== activationGeneration)
+        if (!activated || generation !== activationGeneration || !isActive())
           return;
         focusTrapTarget();
       });
@@ -357,7 +238,7 @@ function Focus_trap($$renderer, $$props) {
       $$events,
       ...rest
     } = $$props;
-    $$renderer2.push(`<div${$4.attributes({ class: $4.clsx(classNames(className)), ...rest })}>`);
+    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
     children($$renderer2);
     $$renderer2.push(`<!----></div>`);
   });
@@ -365,6 +246,97 @@ function Focus_trap($$renderer, $$props) {
 
 // src/components/focus-trap/index.ts
 var focus_trap_default = Focus_trap;
+// src/components/portal/portal.svelte
+import * as $4 from "svelte/internal/server";
+
+// src/components/portal/portal.utilities.svelte.ts
+import * as $3 from "svelte/internal/server";
+
+// ../../node_modules/esm-env/false.js
+var false_default = false;
+// ../../node_modules/esm-env/true.js
+var true_default = true;
+// src/utilities/dev-warn.ts
+function devWarn(message, ...args) {
+  if (!true_default)
+    return;
+  console.warn(message, ...args);
+}
+
+// src/components/portal/portal.utilities.svelte.ts
+function resolvePortalTarget(target) {
+  if (typeof document === "undefined")
+    return null;
+  if (target == null) {
+    return { kind: "resolved", target: document.body };
+  }
+  if (target instanceof HTMLElement) {
+    return { kind: "resolved", target };
+  }
+  try {
+    const resolved = document.querySelector(target);
+    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
+  } catch {
+    return { kind: "unresolved", key: target };
+  }
+}
+function createPortalAttachment(options = {}) {
+  let lastWarnedUnresolvedKey = null;
+  return (element) => {
+    const initialParent = element.parentElement;
+    const initialAttributes = {
+      dir: element.getAttribute("dir"),
+      theme: element.getAttribute("data-cinder-theme")
+    };
+    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
+    if (anchor && initialParent && element.parentNode === initialParent) {
+      initialParent.insertBefore(anchor, element);
+    }
+    function restoreInline() {
+      if (!anchor || !anchor.parentNode)
+        return;
+      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
+        return;
+      anchor.parentNode.insertBefore(element, anchor.nextSibling);
+    }
+    return () => {
+      if (anchor && anchor.parentNode) {
+        anchor.parentNode.removeChild(anchor);
+      }
+    };
+  };
+}
+
+// src/components/portal/portal.svelte
+function Portal($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      target = null,
+      disabled = false,
+      class: className,
+      inheritAttributes = true,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    let hasHydrated = false;
+    const resolvedTarget = $4.derived(() => !disabled ? resolvePortalTarget(target) : null);
+    const shouldRenderChildren = $4.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
+    $$renderer2.push(`<div${$4.attributes({ class: $4.clsx(classNames(className)), ...rest })}>`);
+    if (shouldRenderChildren()) {
+      $$renderer2.push("<!--[0-->");
+      children($$renderer2);
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/portal/index.ts
+var portal_default = Portal;
 // src/components/review-editor/review-editor.svelte
 import * as $83 from "svelte/internal/server";
 
@@ -2104,7 +2076,7 @@ function onEscapeKeydown(event) {
   const handler = escapeStack.at(-1);
   if (!handler)
     return;
-  handler();
+  handler(event);
 }
 var scrollLockCount = 0;
 var originalBodyOverflow = null;
@@ -2139,6 +2111,10 @@ function captureFocus() {
 }
 
 // src/utilities/attachments.ts
+function isInsideEventPath(event, element2) {
+  const path = event.composedPath();
+  return path.some((entry) => entry instanceof Node && element2.contains(entry));
+}
 function createClickOutside(options) {
   const { handler, enabled = true, eventType = "click", capture = true, ignoreRefs } = options;
   return (node) => {
@@ -2146,17 +2122,19 @@ function createClickOutside(options) {
       const isEnabled = typeof enabled === "function" ? enabled() : enabled;
       if (!isEnabled)
         return;
+      if (event.type === "touchstart" && !event.cancelable)
+        return;
       const target = event.target;
       if (!(target instanceof Node)) {
         handler();
         return;
       }
-      if (node.contains(target))
+      if (isInsideEventPath(event, node))
         return;
       if (ignoreRefs) {
         for (const ref of ignoreRefs) {
           const element2 = ref();
-          if (element2 && element2.contains(target))
+          if (element2 && isInsideEventPath(event, element2))
             return;
         }
       }
@@ -2408,7 +2386,10 @@ function Dropdown_trigger($$renderer, $$props) {
     const context = getDropdownContext();
     const registerTrigger = getDropdownRegisterTrigger();
     const setOpen = getDropdownSetOpen();
-    let triggerElement = null;
+    function attachTrigger(node) {
+      registerTrigger(node);
+      return () => registerTrigger(null);
+    }
     function handleClick(event) {
       if (typeof onclick === "function") {
         onclick(event);
@@ -2448,22 +2429,206 @@ function Dropdown_trigger($$renderer, $$props) {
 // src/components/dropdown-menu/dropdown-menu.svelte
 import * as $35 from "svelte/internal/server";
 import { tick } from "svelte";
+
+// src/_internal/locale-context.ts
+import { createContext as createContext3 } from "svelte";
+
+// src/_internal/optional-context.ts
+function optionalContext(getStrict) {
+  return () => {
+    try {
+      return getStrict();
+    } catch {
+      return;
+    }
+  };
+}
+
+// src/_internal/locale-context.ts
+var [getLocaleContextStrict, setLocaleContextRaw] = createContext3();
+function setLocaleContext(context) {
+  setLocaleContextRaw(context);
+}
+var getLocaleContext = optionalContext(getLocaleContextStrict);
+
+// src/_internal/text-direction.ts
+function resolveTextDirection(element2, fallback2) {
+  let currentElement = element2 ?? null;
+  let documentDirection;
+  let styledDirectionElement = null;
+  while (currentElement) {
+    const direction = currentElement.getAttribute("dir")?.toLowerCase();
+    if (direction === "rtl" || direction === "ltr") {
+      if (typeof getComputedStyle === "function" && styledDirectionElement) {
+        const styledDirection2 = getComputedStyle(styledDirectionElement).direction;
+        if (styledDirection2 === "rtl" || styledDirection2 === "ltr")
+          return styledDirection2;
+      }
+      if (currentElement === currentElement.ownerDocument.documentElement) {
+        documentDirection = direction;
+        break;
+      }
+      return direction;
+    }
+    if (direction === "auto" && typeof getComputedStyle === "function") {
+      const computedDirection2 = getComputedStyle(currentElement).direction;
+      if (computedDirection2 === "rtl" || computedDirection2 === "ltr")
+        return computedDirection2;
+    }
+    const styledDirection = currentElement.style.direction;
+    if (!styledDirectionElement && (styledDirection === "rtl" || styledDirection === "ltr")) {
+      styledDirectionElement = currentElement;
+    }
+    currentElement = currentElement.parentElement;
+  }
+  if (typeof getComputedStyle === "function" && styledDirectionElement) {
+    const direction = getComputedStyle(styledDirectionElement).direction;
+    if (direction === "rtl" || direction === "ltr")
+      return direction;
+  }
+  const computedDirection = readComputedTextDirection(element2);
+  const rootComputedDirection = readComputedTextDirection(element2?.ownerDocument.documentElement);
+  if (computedDirection && computedDirection !== rootComputedDirection)
+    return computedDirection;
+  if (computedDirection && fallback2 && computedDirection !== fallback2 && hasDirectionStylingHint(element2)) {
+    return computedDirection;
+  }
+  if (!fallback2 && computedDirection === "rtl")
+    return computedDirection;
+  if (fallback2)
+    return fallback2;
+  if (documentDirection)
+    return documentDirection;
+  return;
+}
+function readComputedTextDirection(element2) {
+  if (!element2 || typeof getComputedStyle !== "function")
+    return;
+  const direction = getComputedStyle(element2).direction;
+  return direction === "rtl" || direction === "ltr" ? direction : undefined;
+}
+function hasDirectionStylingHint(element2) {
+  let currentElement = element2?.parentElement;
+  while (currentElement && currentElement !== currentElement.ownerDocument.documentElement) {
+    if (currentElement.style.direction)
+      return true;
+    if (matchesDirectionStyleRule(currentElement))
+      return true;
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
+function matchesDirectionStyleRule(element2) {
+  for (const sheet of Array.from(element2.ownerDocument.styleSheets)) {
+    let rules;
+    try {
+      rules = sheet.cssRules;
+    } catch {
+      continue;
+    }
+    if (matchesDirectionStyleRuleList(element2, rules))
+      return true;
+  }
+  return false;
+}
+function matchesDirectionStyleRuleList(element2, rules) {
+  for (const rule of Array.from(rules)) {
+    if (isCssStyleRule(rule)) {
+      if (!rule.style.direction) {
+        const nestedRules2 = readNestedCssRules(rule);
+        if (nestedRules2 && matchesDirectionStyleRuleList(element2, nestedRules2))
+          return true;
+        continue;
+      }
+      try {
+        if (element2.matches(rule.selectorText))
+          return true;
+      } catch {
+        continue;
+      }
+    }
+    const nestedRules = readNestedCssRules(rule);
+    if (nestedRules && isConditionalRuleActive(rule) && matchesDirectionStyleRuleList(element2, nestedRules)) {
+      return true;
+    }
+  }
+  return false;
+}
+function readNestedCssRules(rule) {
+  if (!("cssRules" in rule))
+    return;
+  try {
+    const nestedRules = Reflect.get(rule, "cssRules");
+    return isCssRuleCollection(nestedRules) ? nestedRules : undefined;
+  } catch {
+    return;
+  }
+}
+function isCssRuleCollection(value) {
+  if (typeof CSSRuleList !== "undefined" && value instanceof CSSRuleList)
+    return true;
+  return Array.isArray(value) && value.every(isCssRule);
+}
+function isCssRule(value) {
+  return typeof value === "object" && value !== null && typeof Reflect.get(value, "cssText") === "string" && typeof Reflect.get(value, "type") === "number";
+}
+function isCssStyleRule(rule) {
+  return typeof Reflect.get(rule, "selectorText") === "string" && typeof Reflect.get(rule, "style") === "object" && Reflect.get(rule, "style") !== null;
+}
+function isConditionalRuleActive(rule) {
+  const conditionText = Reflect.get(rule, "conditionText");
+  if (typeof conditionText !== "string" || !conditionText.trim())
+    return true;
+  if (isMediaRule(rule) && typeof matchMedia === "function") {
+    return matchMedia(conditionText).matches;
+  }
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+    return CSS.supports(conditionText);
+  }
+  return true;
+}
+function isMediaRule(rule) {
+  return typeof Reflect.get(rule, "media") === "object" && Reflect.get(rule, "media") !== null;
+}
+function isSupportsRule(rule) {
+  return rule.constructor.name === "CSSSupportsRule" || Reflect.get(rule, "type") === 12;
+}
+
+// src/components/dropdown-menu/dropdown-menu.svelte
 function Dropdown_menu($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
+    let {
+      class: customClassName,
+      children,
+      dir: direction,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
     const context = getDropdownContext();
     const registerMenu = getDropdownRegister();
     const setOpen = getDropdownSetOpen();
+    const localeContext = getLocaleContext();
+    let directionRevision = 0;
+    const resolvedDirection = $35.derived(() => {
+      if (direction === "auto") {
+        return resolveTextDirection(context.anchorElement, localeContext?.direction) ?? direction;
+      }
+      return direction ?? resolveTextDirection(context.anchorElement, localeContext?.direction);
+    });
+    const fallbackAnchorElement = $35.derived(() => context.fallbackAnchorElement === undefined ? context.anchorElement : context.fallbackAnchorElement);
     let menuElement = null;
     let focusedFallbackOpen = false;
     const anchoredFallback = createAnchoredOverlay({
-      open: () => context.isOpen && !context.supportsPopover && Boolean(context.anchorElement),
-      anchor: () => context.anchorElement,
+      open: () => context.isOpen && !context.supportsPopover && Boolean(fallbackAnchorElement()),
+      anchor: () => fallbackAnchorElement(),
       panel: () => menuElement,
       placement: () => context.fallbackPlacement ?? "bottom-end",
       offset: () => 4,
       widthMode: () => context.widthMode ?? "menu"
     });
+    const fallbackPositionStyle = $35.derived(() => context.fallbackPositionStyle ?? (fallbackAnchorElement() ? anchoredFallback.positionStyle : undefined));
+    const fallbackPositionReady = $35.derived(() => context.fallbackPositionReady ?? (fallbackAnchorElement() ? anchoredFallback.positionReady : undefined));
     const fallbackPortalAttachment = createPortalAttachment({
       target: () => typeof document === "undefined" ? null : document.body,
       source: () => context.anchorElement,
@@ -2473,7 +2638,7 @@ function Dropdown_menu($$renderer, $$props) {
     function getOwnedMenuItems() {
       if (!menuElement)
         return [];
-      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
+      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled]), [role="menuitemradio"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
     }
     function focusMenuItem(index) {
       const items = getOwnedMenuItems();
@@ -2533,12 +2698,14 @@ function Dropdown_menu($$renderer, $$props) {
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
         class: $35.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
-        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : context.anchorElement ? anchoredFallback.positionStyle : undefined,
+        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : fallbackPositionStyle(),
         role: "menu",
         "aria-orientation": "vertical",
-        "data-cinder-position-ready": !context.supportsPopover && context.anchorElement ? anchoredFallback.positionReady : undefined,
+        "data-cinder-position-ready": !context.supportsPopover && fallbackPositionReady() !== undefined ? fallbackPositionReady() : undefined,
         tabindex: -1,
-        ...rest
+        ...rest,
+        dir: resolvedDirection(),
+        "data-cinder-explicit-direction": resolvedDirection() ? "true" : undefined
       })}>`);
       if (children) {
         $$renderer2.push("<!--[0-->");
@@ -2561,6 +2728,8 @@ function Dropdown_item($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       variant = "default",
+      itemRole = "menuitem",
+      checked = false,
       inset = false,
       disabled,
       closeOnSelect = true,
@@ -2605,15 +2774,17 @@ function Dropdown_item($$renderer, $$props) {
         return;
       event.currentTarget.click();
     }
-    const anchorAttributes = rest;
-    const buttonAttributes = rest;
+    const anchorAttributes = $36.derived(() => rest);
+    const buttonAttributes = $36.derived(() => rest);
     const buttonType = $36.derived(() => rest.type ?? "button");
+    const ariaChecked = $36.derived(() => itemRole === "menuitemradio" ? checked : undefined);
     if (isLink()) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<a${$36.attributes({
-        ...anchorAttributes,
+        ...anchorAttributes(),
         href,
-        role: "menuitem",
+        role: itemRole,
+        "aria-checked": ariaChecked(),
         class: $36.clsx(sharedClass()),
         "data-cinder-variant": variant,
         tabindex: -1,
@@ -2631,9 +2802,10 @@ function Dropdown_item($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<button${$36.attributes({
-        ...buttonAttributes,
+        ...buttonAttributes(),
         type: buttonType(),
-        role: "menuitem",
+        role: itemRole,
+        "aria-checked": ariaChecked(),
         class: $36.clsx(sharedClass()),
         "data-cinder-variant": variant,
         tabindex: -1,
@@ -2704,6 +2876,8 @@ function Toolbar_dropdown($$renderer, $$props) {
               Dropdown_item($$renderer4, {
                 onclick: () => handleSelect(option.type),
                 "data-active": isActive ? "" : undefined,
+                itemRole: "menuitemradio",
+                checked: isActive,
                 children: ($$renderer5) => {
                   if (option.icon) {
                     $$renderer5.push("<!--[-->");
@@ -2748,6 +2922,7 @@ function Editor_toolbar($$renderer, $$props) {
       canUndo = false,
       canRedo = false,
       disabled = false,
+      linkPopoverOpen = false,
       onLinkClick,
       onUndo,
       onRedo,
@@ -2929,8 +3104,8 @@ function Editor_toolbar($$renderer, $$props) {
             icon: Link,
             label: "Insert Link",
             shortcut: getShortcutDisplay("Mod-k"),
-            toggle: true,
-            pressed: activeMarks.link,
+            "aria-haspopup": "dialog",
+            "aria-expanded": linkPopoverOpen,
             disabled,
             onclick: handleLink,
             "data-testid": "toolbar-link"
@@ -2990,6 +3165,7 @@ function Editor_toolbar($$renderer, $$props) {
 }
 // src/components/markdown-editor/editor-toolbar/link-popover.svelte
 import * as $43 from "svelte/internal/server";
+import { tick as tick2 } from "svelte";
 
 // src/components/button/button.svelte
 import * as $39 from "svelte/internal/server";
@@ -3175,26 +3351,20 @@ function resolveFieldControl(input) {
 }
 
 // src/_internal/form-field-context.ts
-import { createContext as createContext3 } from "svelte";
-
-// src/_internal/optional-context.ts
-function optionalContext(getStrict) {
-  return () => {
-    try {
-      return getStrict();
-    } catch {
-      return;
-    }
-  };
-}
-
-// src/_internal/form-field-context.ts
-var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext3();
+import { createContext as createContext4 } from "svelte";
+var [getFormFieldContextStrict, setFormFieldContextRaw] = createContext4();
 function setFormFieldContext(context) {
   setFormFieldContextRaw(context);
 }
 var getFormFieldContext = optionalContext(getFormFieldContextStrict);
 
+// src/utilities/value-change.ts
+function commitValue(proposed, onValueChange, setValue) {
+  const committed = onValueChange?.(proposed) ?? proposed;
+  setValue(committed);
+  return committed;
+}
+
 // src/components/input/input.svelte
 function calendarIcon($$renderer) {
   $$renderer.push(`<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>`);
@@ -3204,6 +3374,7 @@ function Input($$renderer, $$props) {
     let {
       id,
       value = "",
+      onValueChange,
       label,
       description,
       error,
@@ -3216,44 +3387,80 @@ function Input($$renderer, $$props) {
       leadingInteractive = false,
       trailingInteractive = false,
       "aria-describedby": consumerDescribedBy,
+      "aria-invalid": consumerInvalid,
+      oninput: consumerOninput,
       $$slots,
       $$events,
       ...rest
     } = $$props;
     const context = getFormFieldContext();
-    const defaultDescriptionId = $40.derived(() => describeId(id, !!description));
-    const defaultErrorId = $40.derived(() => errorId(id, !!error));
-    const ownDescriptionId = $40.derived(() => description && defaultDescriptionId() === context?.descriptionId ? `${id}-input-description` : defaultDescriptionId());
-    const ownErrorId = $40.derived(() => error && defaultErrorId() === context?.errorId ? `${id}-input-error` : defaultErrorId());
-    const resolvedDescriptionId = $40.derived(() => ownDescriptionId() ?? context?.descriptionId);
-    const resolvedErrorId = $40.derived(() => ownErrorId() ?? context?.errorId);
-    const describedBy = $40.derived(() => composeDescribedBy(resolvedDescriptionId(), resolvedErrorId(), consumerDescribedBy));
-    const resolvedAriaInvalid = $40.derived(() => error ? ariaInvalid(true) : context?.invalid ?? rest["aria-invalid"] ?? ariaInvalid(false));
-    const resolvedRequired = $40.derived(() => required ?? context?.required ?? false);
-    const resolvedDisabled = $40.derived(() => disabled ?? context?.disabled ?? false);
+    const field = $40.derived(() => resolveFieldControl({
+      id,
+      generatedId: id,
+      context,
+      hasDescription: !!description,
+      hasError: !!error,
+      localIdNamespace: "input",
+      consumerDescribedBy,
+      consumerInvalid,
+      required,
+      disabled
+    }));
+    const ownDescriptionId = $40.derived(() => field().ownDescriptionId);
+    const ownErrorId = $40.derived(() => field().ownErrorId);
+    const describedBy = $40.derived(() => field().describedBy);
+    const resolvedAriaInvalid = $40.derived(() => field().ariaInvalid);
+    const resolvedRequired = $40.derived(() => field().required);
+    const resolvedDisabled = $40.derived(() => field().disabled);
     const isNativeDateInput = $40.derived(() => type === "date");
     const rendersNativeDateIcon = $40.derived(() => isNativeDateInput() && !trailing);
     const hasTrailing = $40.derived(() => !!trailing || isNativeDateInput());
     const hasGroupWrapper = $40.derived(() => !!leading || hasTrailing());
-    const isInvalid = $40.derived(() => resolvedAriaInvalid() === "true" || resolvedAriaInvalid() === true);
+    const isInvalid = $40.derived(() => resolvedAriaInvalid() === "true");
+    let inputNode = undefined;
+    let resetSyncTimeout;
+    function syncValueAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (inputNode)
+          value = inputNode.value;
+      }, 0);
+    }
+    function handleInput(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.value, onValueChange, (next) => {
+        value = next;
+      });
+      target.value = committed;
+      consumerOninput?.(event);
+    }
     function inputElement($$renderer3) {
       $$renderer3.push(`<input${$40.attributes({
         id,
         type,
+        ...rest,
         disabled: resolvedDisabled(),
         required: resolvedRequired(),
         value,
         class: $40.clsx(classNames("cinder-input", className)),
         "data-cinder-native-date": rendersNativeDateIcon() ? "" : undefined,
         "aria-invalid": resolvedAriaInvalid(),
-        "aria-describedby": describedBy(),
-        ...rest
+        "aria-describedby": describedBy()
       }, undefined, undefined, undefined, 4)}/>`);
     }
     $$renderer2.push(`<div class="cinder-input-field">`);
     if (label) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<label${$40.attr("for", id)} class="cinder-input-field__label"${$40.attr("data-disabled", resolvedDisabled() || undefined)}>${$40.escape(label)}</label>`);
+      $$renderer2.push(`<label${$40.attr("for", id)} class="cinder-input-field__label"${$40.attr("data-disabled", resolvedDisabled() || undefined)}>${$40.escape(label)} `);
+      if (resolvedRequired()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -3393,6 +3600,7 @@ function Link_popover($$renderer, $$props) {
     });
     let url = initialUrl;
     let text = initialText;
+    let initialFocusApplied = false;
     const ALLOWED_PROTOCOLS = [
       "http:",
       "https:",
@@ -3561,10 +3769,10 @@ function Markdown_editor($$renderer, $$props) {
       showToolbar = true,
       class: className,
       onchange,
-      onReady,
+      onready,
       onmodechange,
-      onSelectionChange,
-      onCommentShortcut,
+      onselectionchange,
+      oncommentshortcut,
       plugins = [],
       placeholderCompletion,
       placeholderDecoration,
@@ -3726,7 +3934,7 @@ function Markdown_editor($$renderer, $$props) {
       linkPopoverAnchorElement = null;
       editorState?.focus();
     }
-    function handleLinkInsert(url, text) {
+    function handleLinkInsert(url, text = undefined) {
       if (!editorContext())
         return;
       if (text) {
@@ -3770,12 +3978,12 @@ function Markdown_editor($$renderer, $$props) {
       getPlugins: () => plugins,
       getPlaceholderCompletion: () => placeholderCompletion,
       getPlaceholderDecoration: () => placeholderDecoration,
-      onReady: (state) => {
+      onready: (state) => {
         editorState = state;
         isInitializing = false;
-        onReady?.();
+        onready?.();
       },
-      onChange: (markdown) => {
+      onchange: (markdown) => {
         isInternalUpdate = true;
         value = markdown;
         onchange?.(markdown);
@@ -3784,16 +3992,16 @@ function Markdown_editor($$renderer, $$props) {
           isInternalUpdate = false;
         });
       },
-      onSelectionChange: (selection) => {
+      onselectionchange: (selection) => {
         selectionVersion++;
-        onSelectionChange?.(selection);
+        onselectionchange?.(selection);
       },
-      onLinkShortcut: () => {
+      onlinkshortcut: () => {
         capturedLinkRange = lastKnownLinkRange();
         linkPopoverAnchorElement = resolveLinkPopoverAnchor();
         linkPopoverOpen = true;
       },
-      onCommentShortcut: () => onCommentShortcut?.()
+      oncommentshortcut: () => oncommentshortcut?.()
     });
     let previousMode = mode;
     function focus() {
@@ -3870,6 +4078,7 @@ function Markdown_editor($$renderer, $$props) {
             activeBlockType: activeBlockType(),
             canUndo: canUndo(),
             canRedo: canRedo(),
+            linkPopoverOpen,
             disabled: !editorContext(),
             onLinkClick: handleLinkClick,
             onUndo: handleUndo,
@@ -3941,7 +4150,7 @@ function Markdown_editor($$renderer, $$props) {
           })}></div>`);
         } else {
           $$renderer3.push("<!--[-1-->");
-          $$renderer3.push(`<textarea${$44.attr("id", id)} class="markdown-editor surface source-mode svelte-1mxvqjb"${$44.attr("placeholder", placeholder)}${$44.attr("readonly", readonly || undefined, true)}${$44.attr("aria-label", label)}${$44.attr("aria-describedby", ariaDescribedby)}>`);
+          $$renderer3.push(`<textarea${$44.attr("id", id)} class="markdown-editor surface source-mode svelte-1mxvqjb"${$44.attr("placeholder", placeholder)}${$44.attr("readonly", readonly || undefined, true)}${$44.attr("aria-label", label)}${$44.attr("aria-describedby", ariaDescribedby)} aria-multiline="true">`);
           const $$body = $44.escape(value);
           if ($$body) {
             $$renderer3.push(`${$$body}`);
@@ -4579,6 +4788,8 @@ function legacyCopy(text) {
   const textarea = document.createElement("textarea");
   textarea.value = text;
   textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.setAttribute("tabindex", "-1");
   textarea.style.position = "absolute";
   textarea.style.left = "-9999px";
   document.body.appendChild(textarea);
@@ -5201,6 +5412,7 @@ function Checkbox($$renderer, $$props) {
     let {
       id,
       checked = false,
+      onValueChange,
       indeterminate = false,
       label,
       description,
@@ -5210,6 +5422,7 @@ function Checkbox($$renderer, $$props) {
       class: className,
       "aria-describedby": consumerDescribedBy,
       "aria-invalid": consumerInvalid,
+      onchange: consumerOnchange,
       $$slots,
       $$events,
       ...rest
@@ -5228,20 +5441,48 @@ function Checkbox($$renderer, $$props) {
       required: required ?? undefined
     }));
     let inputElement = undefined;
+    let resetSyncTimeout;
+    function syncCheckedAfterFormReset() {
+      if (resetSyncTimeout !== undefined)
+        clearTimeout(resetSyncTimeout);
+      resetSyncTimeout = setTimeout(() => {
+        resetSyncTimeout = undefined;
+        if (!inputElement)
+          return;
+        checked = inputElement.checked;
+        inputElement.indeterminate = indeterminate && !inputElement.checked;
+      }, 0);
+    }
+    function handleChange(event) {
+      const target = event.currentTarget;
+      const committed = commitValue(target.checked, onValueChange, (next) => {
+        checked = next;
+      });
+      target.checked = committed;
+      target.indeterminate = indeterminate && !committed;
+      consumerOnchange?.(event);
+    }
     $$renderer2.push(`<div class="cinder-checkbox-field"><div class="cinder-checkbox-row"><span class="cinder-checkbox-field__control"><input${$61.attributes({
       id: field().id,
       type: "checkbox",
+      ...rest,
       disabled: field().disabled,
       required: field().required,
       checked,
       class: $61.clsx(classNames("cinder-checkbox", className)),
       "aria-invalid": field().ariaInvalid,
-      "aria-describedby": field().describedBy,
-      ...rest
+      "aria-describedby": field().describedBy
     }, undefined, undefined, undefined, 4)}/> <span class="cinder-checkbox-field__indicator" aria-hidden="true"></span></span> `);
     if (label) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<label${$61.attr("for", field().id)} class="cinder-checkbox-field__label"${$61.attr("data-disabled", field().disabled || undefined)}>${$61.escape(label)}</label>`);
+      $$renderer2.push(`<label${$61.attr("for", field().id)} class="cinder-checkbox-field__label"${$61.attr("data-disabled", field().disabled || undefined)}>${$61.escape(label)} `);
+      if (field().required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -5324,7 +5565,14 @@ function Textarea($$renderer, $$props) {
     $$renderer2.push(`<div class="cinder-textarea-field">`);
     if (label) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<label${$62.attr("for", id)} class="cinder-textarea-label">${$62.escape(label)}</label>`);
+      $$renderer2.push(`<label${$62.attr("for", id)} class="cinder-textarea-label"${$62.attr("data-disabled", field().disabled || undefined)}>${$62.escape(label)} `);
+      if (field().required) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></label>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -5673,25 +5921,92 @@ import * as $67 from "svelte/internal/server";
 import * as $64 from "svelte/internal/server";
 function Badge($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
+    const subscriptionStateConfigurations = {
+      active: { variant: "success", label: "Active" },
+      trialing: { variant: "info", label: "Trialing" },
+      "past-due": { variant: "warning", label: "Past due" },
+      canceled: { variant: "neutral", label: "Canceled" },
+      expired: { variant: "danger", label: "Expired" },
+      refunded: { variant: "neutral", label: "Refunded" }
+    };
+    const subscriptionStateIconPaths = {
+      active: ["M21.801 10A10 10 0 1 1 17 3.335", "m9 11 3 3L22 4"],
+      trialing: ["M12 6v6l4 2", "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"],
+      "past-due": [
+        "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z",
+        "M12 9v4",
+        "M12 17h.01"
+      ],
+      canceled: [
+        "M15 9 9 15",
+        "M9 9l6 6",
+        "M22 12A10 10 0 1 1 12 2a10 10 0 0 1 10 10Z"
+      ],
+      expired: [
+        "M8 2v4",
+        "M16 2v4",
+        "M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8",
+        "M3 10h18",
+        "m17 14-5-5",
+        "m12 14 5 5"
+      ],
+      refunded: [
+        "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
+        "M3 3v5h5"
+      ]
+    };
     let {
       variant = "neutral",
       size = "md",
       mono = false,
+      subscriptionState,
       class: customClassName,
       children,
       $$slots,
       $$events,
       ...rest
     } = $$props;
+    const subscriptionStateConfiguration = $64.derived(() => subscriptionState === undefined ? undefined : subscriptionStateConfigurations[subscriptionState]);
+    const resolvedVariant = $64.derived(() => subscriptionStateConfiguration()?.variant ?? variant);
+    const resolvedSubscriptionIconPaths = $64.derived(() => subscriptionState === undefined ? undefined : subscriptionStateIconPaths[subscriptionState]);
     $$renderer2.push(`<span${$64.attributes({
       class: $64.clsx(classNames("cinder-badge", customClassName)),
-      "data-cinder-variant": variant,
+      "data-cinder-variant": resolvedVariant(),
       "data-cinder-size": size,
       "data-cinder-mono": mono ? "" : undefined,
+      "data-cinder-subscription-state": subscriptionState,
       ...rest
     })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></span>`);
+    if (subscriptionStateConfiguration()) {
+      $$renderer2.push("<!--[0-->");
+      if (resolvedSubscriptionIconPaths()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<svg class="icon-sm" aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><!--[-->`);
+        const each_array = $64.ensure_array_like(resolvedSubscriptionIconPaths());
+        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+          let iconPath = each_array[$$index];
+          $$renderer2.push(`<path${$64.attr("d", iconPath)}></path>`);
+        }
+        $$renderer2.push(`<!--]--></svg>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (children) {
+        $$renderer2.push("<!--[0-->");
+        children($$renderer2);
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`${$64.escape(subscriptionStateConfiguration().label)}`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></span>`);
   });
 }
 
@@ -5974,7 +6289,7 @@ function Review_editor_controls($$renderer, $$props) {
           title: "Revert all changes",
           children: ($$renderer4) => {
             Rotate_ccw($$renderer4, { class: "icon-sm" });
-            $$renderer4.push(`<!----> <span class="sr-only">Revert All</span>`);
+            $$renderer4.push(`<!----> <span class="cinder-sr-only">Revert All</span>`);
           },
           $$slots: { default: true }
         });
@@ -6014,7 +6329,7 @@ function Review_editor_controls($$renderer, $$props) {
       } else {
         $$renderer3.push("<!--[-1-->");
       }
-      $$renderer3.push(`<!--]--></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer sr-only">${$67.escape(liveAnnouncementText)}</div>`);
+      $$renderer3.push(`<!--]--></div></div> <div role="status" aria-live="polite" aria-atomic="true" class="comments-count-announcer cinder-sr-only">${$67.escape(liveAnnouncementText)}</div>`);
     }
     do {
       $$settled = true;
@@ -6041,7 +6356,8 @@ function getSelectionAnchorPosition(range) {
     return null;
   return {
     x: rect.left + rect.width / 2,
-    y: rect.top
+    y: rect.top,
+    height: rect.height
   };
 }
 
@@ -6053,8 +6369,8 @@ import { computeLineDiff as computeLineDiff2, getDiffStats, groupIntoHunks } fro
 import * as $68 from "svelte/internal/server";
 
 // src/_internal/surface-context.ts
-import { createContext as createContext4 } from "svelte";
-var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext4();
+import { createContext as createContext5 } from "svelte";
+var [getSurfaceContextStrict, setSurfaceContextRaw] = createContext5();
 function setSurfaceContext(context) {
   setSurfaceContextRaw(context);
 }
@@ -6383,6 +6699,11 @@ function Diff_line($$renderer, $$props) {
       return true;
     });
     const isInteractive = $73.derived(() => diff.type !== "same" && onselect !== undefined);
+    const accessibleLineLabel = $73.derived(() => {
+      const text = diff.type === "modified" ? viewMode === "original" ? diff.oldText : viewMode === "final" ? diff.newText : `${diff.oldText} changed to ${diff.newText}` : diff.text;
+      const typeLabel = diff.type === "added" ? "Added line" : diff.type === "removed" ? "Removed line" : "Modified line";
+      return `${typeLabel}: ${text || "blank line"}`;
+    });
     if (isVisible()) {
       $$renderer2.push("<!--[0-->");
       if (diff.type === "same") {
@@ -6392,7 +6713,7 @@ function Diff_line($$renderer, $$props) {
         $$renderer2.push("<!--[1-->");
         if (isInteractive()) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$73.escape(diff.text || " ")}</span></button>`);
+          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)}${$73.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$73.escape(diff.text || " ")}</span></button>`);
         } else {
           $$renderer2.push("<!--[-1-->");
           $$renderer2.push(`<div${$73.attr_class($73.clsx(classNames("diff-line diff-line-added", className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)}><span class="diff-gutter svelte-hc3elb">+</span> <span class="diff-text svelte-hc3elb">${$73.escape(diff.text || " ")}</span></div>`);
@@ -6403,7 +6724,7 @@ function Diff_line($$renderer, $$props) {
         const showStrikethrough = viewMode === "unified";
         if (isInteractive()) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">${$73.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
+          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line", showStrikethrough ? "diff-line-removed" : "diff-line-removed-original", className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)}${$73.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">${$73.escape(showStrikethrough ? "-" : "")}</span> <span class="diff-text svelte-hc3elb">`);
           if (showStrikethrough) {
             $$renderer2.push("<!--[0-->");
             $$renderer2.push(`<del class="svelte-hc3elb">${$73.escape(diff.text || " ")}</del>`);
@@ -6431,7 +6752,7 @@ function Diff_line($$renderer, $$props) {
         const displayText = viewMode === "unified" ? null : viewMode === "final" ? diff.newText : diff.oldText;
         if (isInteractive()) {
           $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)} type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
+          $$renderer2.push(`<button${$73.attr_class($73.clsx(classNames("diff-line", lineClass, className)), "svelte-hc3elb")}${$73.attr("data-selected", selected)}${$73.attr("aria-label", accessibleLineLabel())} type="button"><span class="diff-gutter svelte-hc3elb">~</span> <span class="diff-text svelte-hc3elb">`);
           if (viewMode === "unified") {
             $$renderer2.push("<!--[0-->");
             if (wordChangeRenderer) {
@@ -7219,7 +7540,7 @@ ${match[1] ?? ""}
 
 // src/components/selection-popover/selection-popover.svelte
 import * as $81 from "svelte/internal/server";
-import { tick as tick2 } from "svelte";
+import { tick as tick3 } from "svelte";
 function Selection_popover($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -7244,6 +7565,7 @@ function Selection_popover($$renderer, $$props) {
     const virtualAnchor = $81.derived(() => {
       if (!position)
         return null;
+      const selectionHeight = position.height ?? 0;
       return {
         getBoundingClientRect: () => ({
           x: position.x,
@@ -7251,9 +7573,9 @@ function Selection_popover($$renderer, $$props) {
           top: position.y,
           left: position.x,
           right: position.x,
-          bottom: position.y,
+          bottom: position.y + selectionHeight,
           width: 0,
-          height: 0
+          height: selectionHeight
         })
       };
     });
@@ -7288,7 +7610,7 @@ function Selection_popover($$renderer, $$props) {
       rememberFocus();
       expanded = true;
       onexpand?.();
-      tick2().then(() => textareaElement?.focus());
+      tick3().then(() => textareaElement?.focus());
     }
     function handleCancel() {
       expanded = false;
@@ -7737,10 +8059,10 @@ function Review_editor_impl($$renderer, $$props) {
     function getEditor() {
       return editorRef?.getEditor() ?? null;
     }
-    function exportMarkdownSummary(options) {
+    function exportMarkdownSummary(options = undefined) {
       return generateMarkdownSummary(getState(), options);
     }
-    function exportUnifiedDiff(options) {
+    function exportUnifiedDiff(options = undefined) {
       return generateUnifiedDiff(getState(), options);
     }
     function handleExportContent() {
@@ -8114,12 +8436,12 @@ function Review_editor_impl($$renderer, $$props) {
           plugins: [anchorPlugin],
           snapshotMode,
           onchange: handleEditorBodyChange,
-          onReady: () => {
+          onready: () => {
             if (!editorViewReady) {
               editorViewReady = true;
             }
           },
-          onSelectionChange: handleSelectionChange
+          onselectionchange: handleSelectionChange
         });
         $$renderer3.push(`<!----></div>`);
       } else if (activeView === "diff") {
@@ -9089,4 +9411,4 @@ export {
   Comment_composer as CommentComposer
 };
 
-//# debugId=57A7832F7A18038064756E2164756E21
+//# debugId=C92A5FFE2018396864756E2164756E21