@lostgradient/cinder 0.4.1 → 0.6.0

package/dist/components/markdown-editor/index.js

@@ -1,4 +1,34 @@
+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 __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -2150,9 +2180,10 @@ function resolvePortalTarget(target) {
 }
 function copyInheritedPortalAttributes(element, source, inheritAttributes, fallbackAttributes = {
   dir: element.getAttribute("dir"),
+  dataTheme: element.getAttribute("data-theme"),
   theme: element.getAttribute("data-cinder-theme")
 }) {
-  const preservesExplicitDirection = element.dataset["cinderExplicitDirection"] === "true";
+  const preservesExplicitDirection = fallbackAttributes.preserveDirection || element.dataset["cinderExplicitDirection"] === "true";
   const inheritedDir = inheritAttributes && source && !preservesExplicitDirection ? source.closest("[dir]")?.getAttribute("dir") : null;
   const nextDir = inheritedDir ?? fallbackAttributes.dir;
   if (nextDir) {
@@ -2160,13 +2191,51 @@ function copyInheritedPortalAttributes(element, source, inheritAttributes, fallb
   } else {
     element.removeAttribute("dir");
   }
-  const inheritedTheme = inheritAttributes && source ? source.closest("[data-cinder-theme]")?.getAttribute("data-cinder-theme") : null;
+  const preservesExplicitDataTheme = fallbackAttributes.preserveDataTheme === true;
+  const inheritedDataTheme = inheritAttributes && source && !preservesExplicitDataTheme && fallbackAttributes.dataTheme === null ? source.closest("[data-theme]")?.getAttribute("data-theme") : null;
+  const nextDataTheme = inheritedDataTheme ?? fallbackAttributes.dataTheme;
+  if (nextDataTheme) {
+    element.setAttribute("data-theme", nextDataTheme);
+  } else {
+    element.removeAttribute("data-theme");
+  }
+  const preservesExplicitTheme = fallbackAttributes.preserveTheme === true;
+  const inheritedTheme = inheritAttributes && source && !preservesExplicitTheme && fallbackAttributes.theme === null ? source.closest("[data-cinder-theme]")?.getAttribute("data-cinder-theme") : null;
   const nextTheme = inheritedTheme ?? fallbackAttributes.theme;
   if (nextTheme) {
     element.setAttribute("data-cinder-theme", nextTheme);
   } else {
     element.removeAttribute("data-cinder-theme");
   }
+  return {
+    dir: inheritedDir ?? null,
+    dataTheme: inheritedDataTheme ?? null,
+    theme: inheritedTheme ?? null
+  };
+}
+function observeInheritedPortalAttributes(source, inheritAttributes, syncAttributes) {
+  if (!inheritAttributes || !source || typeof MutationObserver === "undefined")
+    return null;
+  const observer = new MutationObserver(() => {
+    syncAttributes();
+  });
+  function observe(elementToObserve) {
+    if (!elementToObserve || observedElements.includes(elementToObserve))
+      return;
+    observedElements.push(elementToObserve);
+    observer.observe(elementToObserve, {
+      attributes: true,
+      attributeFilter: ["dir", "data-theme", "data-cinder-theme"]
+    });
+  }
+  const observedElements = [];
+  let ancestor = source;
+  while (ancestor) {
+    observe(ancestor);
+    ancestor = ancestor.parentElement;
+  }
+  observe(document.documentElement);
+  return () => observer.disconnect();
 }
 function createPortalAttachment(options = {}) {
   let lastWarnedUnresolvedKey = null;
@@ -2174,8 +2243,33 @@ function createPortalAttachment(options = {}) {
     const initialParent = element.parentElement;
     const initialAttributes = {
       dir: element.getAttribute("dir"),
+      dataTheme: element.getAttribute("data-theme"),
       theme: element.getAttribute("data-cinder-theme")
     };
+    const managedAttributes = { dir: null, dataTheme: null, theme: null };
+    function currentFallbackAttributes() {
+      const explicitAttributes = readOption(options.explicitAttributes ?? {});
+      const explicitDirection = explicitAttributes.dir;
+      const explicitDataTheme = explicitAttributes.dataTheme;
+      const explicitTheme = explicitAttributes.theme;
+      const direction = element.getAttribute("dir");
+      const dataTheme = element.getAttribute("data-theme");
+      const theme = element.getAttribute("data-cinder-theme");
+      return {
+        dir: explicitDirection !== undefined ? explicitDirection : direction !== managedAttributes.dir ? direction : initialAttributes.dir,
+        preserveDirection: explicitDirection !== undefined,
+        dataTheme: explicitDataTheme !== undefined ? explicitDataTheme : dataTheme !== managedAttributes.dataTheme ? dataTheme : null,
+        preserveDataTheme: explicitDataTheme !== undefined,
+        theme: explicitTheme !== undefined ? explicitTheme : theme !== managedAttributes.theme ? theme : null,
+        preserveTheme: explicitTheme !== undefined
+      };
+    }
+    function syncInheritedAttributes(source, inheritAttributes) {
+      const nextManagedAttributes = copyInheritedPortalAttributes(element, source, inheritAttributes, currentFallbackAttributes());
+      managedAttributes.dir = nextManagedAttributes.dir;
+      managedAttributes.dataTheme = nextManagedAttributes.dataTheme;
+      managedAttributes.theme = nextManagedAttributes.theme;
+    }
     const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
     if (anchor && initialParent && element.parentNode === initialParent) {
       initialParent.insertBefore(anchor, element);
@@ -2188,26 +2282,31 @@ function createPortalAttachment(options = {}) {
       anchor.parentNode.insertBefore(element, anchor.nextSibling);
     }
     $3.user_effect(() => {
+      let stopObservingInheritedAttributes = null;
       const disabled = readOption(options.disabled ?? false);
       const inheritAttributes = readOption(options.inheritAttributes ?? true);
       const targetValue = readOption(options.target ?? null);
       const attributeSource = readOption(options.source ?? initialParent) ?? initialParent;
       const resolved = disabled ? null : resolvePortalTarget(targetValue);
       if (!disabled && resolved?.kind === "resolved") {
-        copyInheritedPortalAttributes(element, attributeSource, inheritAttributes, initialAttributes);
+        syncInheritedAttributes(attributeSource, inheritAttributes);
+        stopObservingInheritedAttributes = observeInheritedPortalAttributes(attributeSource, inheritAttributes, () => syncInheritedAttributes(attributeSource, inheritAttributes));
         resolved.target.appendChild(element);
         lastWarnedUnresolvedKey = null;
       } else if (!disabled && resolved?.kind === "unresolved") {
         restoreInline();
+        syncInheritedAttributes(null, false);
         if (lastWarnedUnresolvedKey !== resolved.key) {
           devWarn(`[cinder/portal] could not resolve portal target ${JSON.stringify(resolved.key)}.`);
           lastWarnedUnresolvedKey = resolved.key;
         }
       } else if (disabled) {
         restoreInline();
+        syncInheritedAttributes(null, false);
         lastWarnedUnresolvedKey = null;
       }
       return () => {
+        stopObservingInheritedAttributes?.();
         if (element.isConnected) {
           element.remove();
         }
@@ -2260,7 +2359,12 @@ function Portal($$anchor, $$props) {
   $4.attach(div, () => createPortalAttachment({
     target: () => target(),
     disabled: () => disabled(),
-    inheritAttributes: () => inheritAttributes()
+    inheritAttributes: () => inheritAttributes(),
+    explicitAttributes: () => ({
+      dir: $$props.dir,
+      dataTheme: rest["data-theme"],
+      theme: rest["data-cinder-theme"]
+    })
   }));
   $4.append($$anchor, div);
   $4.pop();
@@ -4141,7 +4245,7 @@ function Toolbar_button($$anchor, $$props) {
       }), [() => classNames("toolbar-button", $$props.class)], undefined, undefined, "svelte-143lto0");
       var node = $28.child(button);
       $28.component(node, () => $$props.icon, ($$anchor3, Icon_1) => {
-        Icon_1($$anchor3, { class: "icon-sm" });
+        Icon_1($$anchor3, { class: "cinder-icon-sm" });
       });
       $28.reset(button);
       $28.append($$anchor2, button);
@@ -4376,7 +4480,7 @@ function Dropdown($$anchor, $$props) {
       return $31.get(compoundTriggerElement);
     },
     get fallbackPlacement() {
-      return "bottom-end";
+      return placement();
     },
     get widthMode() {
       return "menu";
@@ -4782,9 +4886,8 @@ function isConditionalRuleActive(rule) {
   if (isMediaRule(rule) && typeof matchMedia === "function") {
     return matchMedia(conditionText).matches;
   }
-  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function") {
+  if (isSupportsRule(rule) && typeof CSS !== "undefined" && typeof CSS.supports === "function")
     return CSS.supports(conditionText);
-  }
   return true;
 }
 function isMediaRule(rule) {
@@ -4844,25 +4947,27 @@ function findTypeaheadMatch(candidates, prefix, currentIndex) {
 }
 
 class TypeaheadBuffer {
-  #value = "";
-  #timer = null;
+  value;
+  timer;
+  constructor() {
+    this.value = "";
+    this.timer = null;
+  }
   push(character) {
     this.clearTimer();
-    this.#value += character.toLocaleLowerCase();
-    this.#timer = setTimeout(() => {
-      this.reset();
-    }, 500);
-    return this.#value;
+    this.value += character.toLocaleLowerCase();
+    this.timer = setTimeout(() => this.reset(), 500);
+    return this.value;
   }
   reset() {
     this.clearTimer();
-    this.#value = "";
+    this.value = "";
   }
   clearTimer() {
-    if (this.#timer === null)
+    if (this.timer === null)
       return;
-    clearTimeout(this.#timer);
-    this.#timer = null;
+    clearTimeout(this.timer);
+    this.timer = null;
   }
 }
 
@@ -4894,11 +4999,12 @@ function Dropdown_menu($$anchor, $$props) {
   let menuElement = $33.state(null);
   let focusedFallbackOpen = false;
   const typeaheadBuffer = new TypeaheadBuffer;
+  const preferredPlacement = $33.derived(() => context.fallbackPlacement ?? "bottom-start");
   const anchoredFallback = createAnchoredOverlay({
     open: () => context.isOpen && !context.supportsPopover && Boolean($33.get(fallbackAnchorElement)),
     anchor: () => $33.get(fallbackAnchorElement),
     panel: () => $33.get(menuElement),
-    placement: () => context.fallbackPlacement ?? "bottom-end",
+    placement: () => $33.get(preferredPlacement),
     offset: () => 4,
     widthMode: () => context.widthMode ?? "menu"
   });
@@ -5023,6 +5129,7 @@ function Dropdown_menu($$anchor, $$props) {
         style: context.supportsPopover ? `position-anchor: --${context.menuId};` : $33.get(fallbackPositionStyle),
         role: "menu",
         "aria-orientation": "vertical",
+        "data-cinder-placement": context.supportsPopover ? $33.get(preferredPlacement) : anchoredFallback.resolvedPlacement,
         "data-cinder-position-ready": !context.supportsPopover && $33.get(fallbackPositionReady) !== undefined ? $33.get(fallbackPositionReady) : undefined,
         tabindex: -1,
         onkeydown: handleKeydown,
@@ -5235,7 +5342,7 @@ function Toolbar_dropdown($$anchor, $$props) {
                 var fragment_3 = $35.comment();
                 var node_2 = $35.first_child(fragment_3);
                 $35.component(node_2, () => $35.get(currentOption).icon, ($$anchor5, currentOption_icon) => {
-                  currentOption_icon($$anchor5, { class: "icon-sm" });
+                  currentOption_icon($$anchor5, { class: "cinder-icon-sm" });
                 });
                 $35.append($$anchor4, fragment_3);
               };
@@ -5275,7 +5382,7 @@ function Toolbar_dropdown($$anchor, $$props) {
                   var fragment_6 = root_6();
                   var node_5 = $35.first_child(fragment_6);
                   $35.component(node_5, () => $35.get(option).icon, ($$anchor6, option_icon) => {
-                    option_icon($$anchor6, { class: "icon-sm" });
+                    option_icon($$anchor6, { class: "cinder-icon-sm" });
                   });
                   var span_1 = $35.sibling(node_5, 2);
                   var text_1 = $35.child(span_1, true);
@@ -5283,7 +5390,7 @@ function Toolbar_dropdown($$anchor, $$props) {
                   var node_6 = $35.sibling(span_1, 2);
                   {
                     var consequent_1 = ($$anchor6) => {
-                      Check($$anchor6, { class: "icon-sm dropdown-item-check" });
+                      Check($$anchor6, { class: "cinder-icon-sm dropdown-item-check" });
                     };
                     $35.if(node_6, ($$render) => {
                       if ($35.get(isActive))
@@ -6002,7 +6109,7 @@ var calendarIcon = ($$anchor) => {
 var root_111 = $38.from_svg(`<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>`);
 var root_27 = $38.from_html(`<input/>`);
 var root_42 = $38.from_html(`<span class="cinder-_required-marker" aria-hidden="true">*</span>`);
-var root_34 = $38.from_html(`<label class="cinder-input-field__label"> <!></label>`);
+var root_34 = $38.from_html(`<label> <!></label>`);
 var root_62 = $38.from_html(`<span class="cinder-input-group__leading cinder-_truncate"><!></span>`);
 var root_7 = $38.from_html(`<span class="cinder-input-group__trailing cinder-_truncate"><!></span>`);
 var root_82 = $38.from_html(`<span class="cinder-input-group__trailing cinder-input-group__date-icon cinder-_truncate" aria-hidden="true"><!></span>`);
@@ -6030,7 +6137,7 @@ function Input($$anchor, $$props) {
     $38.bind_this(input, ($$value) => $38.set(inputNode, $$value), () => $38.get(inputNode));
     $38.append($$anchor2, input);
   };
-  let value = $38.prop($$props, "value", 15, ""), type = $38.prop($$props, "type", 3, "text"), leadingInteractive = $38.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $38.prop($$props, "trailingInteractive", 3, false), rest = $38.rest_props($$props, [
+  let value = $38.prop($$props, "value", 15, ""), hideLabel = $38.prop($$props, "hideLabel", 3, false), type = $38.prop($$props, "type", 3, "text"), leadingInteractive = $38.prop($$props, "leadingInteractive", 3, false), trailingInteractive = $38.prop($$props, "trailingInteractive", 3, false), rest = $38.rest_props($$props, [
     "$$slots",
     "$$events",
     "$$legacy",
@@ -6038,6 +6145,7 @@ function Input($$anchor, $$props) {
     "value",
     "onValueChange",
     "label",
+    "hideLabel",
     "description",
     "error",
     "disabled",
@@ -6131,11 +6239,14 @@ function Input($$anchor, $$props) {
         });
       }
       $38.reset(label_1);
-      $38.template_effect(() => {
+      $38.template_effect(($0) => {
         $38.set_attribute(label_1, "for", $$props.id);
+        $38.set_class(label_1, 1, $0);
         $38.set_attribute(label_1, "data-disabled", $38.get(resolvedDisabled) || undefined);
         $38.set_text(text2, `${$$props.label ?? ""} `);
-      });
+      }, [
+        () => $38.clsx(classNames("cinder-input-field__label", hideLabel() && "cinder-sr-only"))
+      ]);
       $38.append($$anchor2, label_1);
     };
     $38.if(node, ($$render) => {
@@ -6407,12 +6518,12 @@ function Link_popover($$anchor, $$props) {
   var header = $41.child(div);
   var h2 = $41.child(header);
   var node = $41.child(h2);
-  Link(node, { class: "icon-sm" });
+  Link(node, { class: "cinder-icon-sm" });
   var text_1 = $41.sibling(node);
   $41.reset(h2);
   var button = $41.sibling(h2, 2);
   var node_1 = $41.child(button);
-  X(node_1, { class: "icon-sm" });
+  X(node_1, { class: "cinder-icon-sm" });
   $41.reset(button);
   $41.reset(header);
   var div_1 = $41.sibling(header, 2);
@@ -6478,7 +6589,7 @@ function Link_popover($$anchor, $$props) {
         children: ($$anchor3, $$slotProps) => {
           var fragment_2 = root_35();
           var node_5 = $41.first_child(fragment_2);
-          Unlink(node_5, { class: "icon-sm" });
+          Unlink(node_5, { class: "cinder-icon-sm" });
           $41.next();
           $41.append($$anchor3, fragment_2);
         },
@@ -6557,9 +6668,9 @@ var root_54 = $42.from_html(`<div class="toolbar-actions svelte-1mxvqjb"><!></di
 var root_72 = $42.from_html(`<!> <!>`, 1);
 var root_63 = $42.from_html(`<div class="toolbar-mode-toggle svelte-1mxvqjb"><!></div>`);
 var root_36 = $42.from_html(`<div class="editor-toolbar-wrapper svelte-1mxvqjb"><!> <!> <!> <!></div>`);
-var root_112 = $42.from_html(`<div class="cinder-markdown-content prose markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
+var root_112 = $42.from_html(`<div class="cinder-markdown-content markdown-editor surface svelte-1mxvqjb" role="application" tabindex="0"></div>`);
 var root_122 = $42.from_html(`<textarea class="markdown-editor surface source-mode svelte-1mxvqjb" aria-multiline="true"></textarea>`);
-var root14 = $42.from_html(`<div><!> <!> <!></div>`);
+var root14 = $42.from_html(`<div><div class="markdown-editor-layout svelte-1mxvqjb"><!> <!></div> <!></div>`);
 function Markdown_editor($$anchor, $$props) {
   $42.push($$props, true);
   let label = $42.prop($$props, "label", 3, "Markdown editor"), value = $42.prop($$props, "value", 15, ""), mode = $42.prop($$props, "mode", 15, "wysiwyg"), showModeToggle = $42.prop($$props, "showModeToggle", 3, false), modeLabel = $42.prop($$props, "modeLabel", 3, "Editor mode"), readonly = $42.prop($$props, "readonly", 3, false), placeholder = $42.prop($$props, "placeholder", 3, "Start writing..."), showToolbar = $42.prop($$props, "showToolbar", 3, true), plugins = $42.prop($$props, "plugins", 19, () => []), snapshotMode = $42.prop($$props, "snapshotMode", 3, false), rest = $42.rest_props($$props, [
@@ -6602,6 +6713,7 @@ function Markdown_editor($$anchor, $$props) {
     }
   });
   const escapedPlaceholder = $42.derived(() => placeholder().replace(/'/g, "\\'"));
+  const accessibleEditorLabel = $42.derived(() => label().trim().length > 0 ? label().trim() : "Markdown editor");
   let editorState = $42.state(null);
   let isInitializing = $42.state(true);
   let pipelineUtilities = $42.state(null);
@@ -6826,7 +6938,7 @@ function Markdown_editor($$anchor, $$props) {
   const editorAttachment = createEditorAttachment({
     getInitialValue: () => normalizeSafely(value()),
     getReadonly: () => readonly(),
-    getAriaLabel: () => label(),
+    getAriaLabel: () => $42.get(accessibleEditorLabel),
     debounceMs: DEFAULT_DEBOUNCE_MS,
     getPlugins: () => plugins(),
     getPlaceholderCompletion: () => $$props.placeholderCompletion,
@@ -6931,6 +7043,7 @@ function Markdown_editor($$anchor, $$props) {
     const viewDom = $42.get(editorState)?.view?.dom;
     if (!viewDom)
       return;
+    viewDom.setAttribute("aria-label", $42.get(accessibleEditorLabel));
     if ($$props["aria-describedby"]) {
       viewDom.setAttribute("aria-describedby", $$props["aria-describedby"]);
     } else {
@@ -6992,7 +7105,8 @@ function Markdown_editor($$anchor, $$props) {
     "data-snapshot-mode": snapshotMode() || undefined,
     ...rest
   }), [() => classNames("markdown-editor-wrapper", $$props.class)], undefined, undefined, "svelte-1mxvqjb");
-  var node = $42.child(div);
+  var div_1 = $42.child(div);
+  var node = $42.child(div_1);
   {
     var consequent_4 = ($$anchor2) => {
       var fragment = $42.comment();
@@ -7005,15 +7119,15 @@ function Markdown_editor($$anchor, $$props) {
           $42.append($$anchor3, fragment_1);
         };
         var alternate = ($$anchor3) => {
-          var div_1 = root_36();
-          var node_3 = $42.child(div_1);
+          var div_2 = root_36();
+          var node_3 = $42.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
-              var div_2 = root_43();
-              var node_4 = $42.child(div_2);
+              var div_3 = root_43();
+              var node_4 = $42.child(div_3);
               $42.snippet(node_4, () => $$props.toolbarLeading, () => $42.get(toolbarContext));
-              $42.reset(div_2);
-              $42.append($$anchor4, div_2);
+              $42.reset(div_3);
+              $42.append($$anchor4, div_3);
             };
             $42.if(node_3, ($$render) => {
               if ($$props.toolbarLeading)
@@ -7060,11 +7174,11 @@ function Markdown_editor($$anchor, $$props) {
           var node_6 = $42.sibling(node_5, 2);
           {
             var consequent_2 = ($$anchor4) => {
-              var div_3 = root_54();
-              var node_7 = $42.child(div_3);
+              var div_4 = root_54();
+              var node_7 = $42.child(div_4);
               $42.snippet(node_7, () => $$props.toolbarActions, () => $42.get(toolbarContext));
-              $42.reset(div_3);
-              $42.append($$anchor4, div_3);
+              $42.reset(div_4);
+              $42.append($$anchor4, div_4);
             };
             $42.if(node_6, ($$render) => {
               if ($$props.toolbarActions)
@@ -7074,8 +7188,8 @@ function Markdown_editor($$anchor, $$props) {
           var node_8 = $42.sibling(node_6, 2);
           {
             var consequent_3 = ($$anchor4) => {
-              var div_4 = root_63();
-              var node_9 = $42.child(div_4);
+              var div_5 = root_63();
+              var node_9 = $42.child(div_5);
               {
                 let $0 = $42.derived(() => `${$$props.id}-mode-toggle`);
                 Segmented_control(node_9, {
@@ -7121,16 +7235,16 @@ function Markdown_editor($$anchor, $$props) {
                   $$slots: { default: true }
                 });
               }
-              $42.reset(div_4);
-              $42.append($$anchor4, div_4);
+              $42.reset(div_5);
+              $42.append($$anchor4, div_5);
             };
             $42.if(node_8, ($$render) => {
               if (showModeToggle())
                 $$render(consequent_3);
             });
           }
-          $42.reset(div_1);
-          $42.append($$anchor3, div_1);
+          $42.reset(div_2);
+          $42.append($$anchor3, div_2);
         };
         $42.if(node_1, ($$render) => {
           if ($$props.toolbar)
@@ -7153,18 +7267,18 @@ function Markdown_editor($$anchor, $$props) {
       var node_13 = $42.first_child(fragment_3);
       {
         var consequent_5 = ($$anchor3) => {
-          var div_5 = root_112();
+          var div_6 = root_112();
           let styles;
-          $42.attach(div_5, () => editorAttachment);
+          $42.attach(div_6, () => editorAttachment);
           $42.template_effect(() => {
-            $42.set_attribute(div_5, "id", $$props.id);
-            $42.set_attribute(div_5, "data-readonly", readonly() || undefined);
-            $42.set_attribute(div_5, "aria-label", label() || "Markdown editor");
-            styles = $42.set_style(div_5, "", styles, {
+            $42.set_attribute(div_6, "id", $$props.id);
+            $42.set_attribute(div_6, "data-readonly", readonly() || undefined);
+            $42.set_attribute(div_6, "aria-label", $42.get(accessibleEditorLabel));
+            styles = $42.set_style(div_6, "", styles, {
               "--editor-placeholder": `'${$42.get(escapedPlaceholder) ?? ""}'`
             });
           });
-          $42.append($$anchor3, div_5);
+          $42.append($$anchor3, div_6);
         };
         var alternate_1 = ($$anchor3) => {
           var textarea = root_122();
@@ -7173,7 +7287,7 @@ function Markdown_editor($$anchor, $$props) {
             $42.set_attribute(textarea, "id", $$props.id);
             $42.set_attribute(textarea, "placeholder", placeholder());
             textarea.readOnly = readonly() || undefined;
-            $42.set_attribute(textarea, "aria-label", label());
+            $42.set_attribute(textarea, "aria-label", $42.get(accessibleEditorLabel));
             $42.set_attribute(textarea, "aria-describedby", $$props["aria-describedby"]);
           });
           $42.delegated("input", textarea, (e) => $$props.onchange?.(e.currentTarget.value));
@@ -7199,7 +7313,8 @@ function Markdown_editor($$anchor, $$props) {
         $$render(alternate_2, -1);
     });
   }
-  var node_14 = $42.sibling(node_12, 2);
+  $42.reset(div_1);
+  var node_14 = $42.sibling(div_1, 2);
   {
     var consequent_7 = ($$anchor2) => {
       {
@@ -7248,4 +7363,4 @@ export {
   Markdown_editor as MarkdownEditor
 };
 
-//# debugId=13DC79C3BE7E9EF164756E2164756E21
+//# debugId=4E706F75185E062764756E2164756E21

package/dist/components/markdown-editor/markdown-editor.schema.js

@@ -1,4 +1,34 @@
+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 __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -144,4 +174,4 @@ export {
   markdown_editor_schema_default as default
 };
 
-//# debugId=7348DF31233E026764756E2164756E21
+//# debugId=CBEDD40ADD48B10064756E2164756E21

package/dist/components/markdown-editor/markdown-editor.variables.js

@@ -1,4 +1,34 @@
+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 __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
   this[name] = __returnValue.bind(null, newValue);
@@ -28,4 +58,4 @@ export {
   markdown_editor_variables_default as default
 };
 
-//# debugId=28D65EFDF768189A64756E2164756E21
+//# debugId=AD6B8A5587C2500864756E2164756E21

package/dist/components/marquee/index.d.ts

@@ -0,0 +1,5 @@
+import './marquee.css';
+import Marquee from './marquee.svelte';
+export default Marquee;
+export type { MarqueeDirection, MarqueeProps } from './marquee.types.ts';
+export { Marquee };