@lostgradient/cinder 0.6.0 → 0.7.0

package/dist/components/chat-conversation-header/index.js

@@ -1684,7 +1684,7 @@ function rectsAreEqual(a, b) {
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
-  const root3 = getDocumentElement(element);
+  const root4 = getDocumentElement(element);
   function cleanup() {
     var _io;
     clearTimeout(timeoutId);
@@ -1713,8 +1713,8 @@ function observeMove(element, onMove) {
       return;
     }
     const insetTop = floor(top);
-    const insetRight = floor(root3.clientWidth - (left + width));
-    const insetBottom = floor(root3.clientHeight - (top + height));
+    const insetRight = floor(root4.clientWidth - (left + width));
+    const insetBottom = floor(root4.clientHeight - (top + height));
     const insetLeft = floor(left);
     const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
     const options = {
@@ -1744,7 +1744,7 @@ function observeMove(element, onMove) {
     try {
       io = new IntersectionObserver(handleObserve, {
         ...options,
-        root: root3.ownerDocument
+        root: root4.ownerDocument
       });
     } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
@@ -4490,19 +4490,20 @@ function createPortalAttachment(options = {}) {
 }
 
 // src/components/portal/portal.svelte
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "target",
+  "disabled",
+  "class",
+  "inheritAttributes",
+  "children"
+]);
 var root = $2.from_html(`<div><!></div>`);
 function Portal($$anchor, $$props) {
   $2.push($$props, true);
-  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "target",
-    "disabled",
-    "class",
-    "inheritAttributes",
-    "children"
-  ]);
+  let target = $2.prop($$props, "target", 3, null), disabled = $2.prop($$props, "disabled", 3, false), inheritAttributes = $2.prop($$props, "inheritAttributes", 3, true), rest = $2.rest_props($$props, rest_excludes);
   let hasHydrated = $2.state(false);
   $2.user_effect(() => {
     $2.set(hasHydrated, true);
@@ -4839,24 +4840,25 @@ var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
 var getDropdownSetOpen = getDropdownSetOpenStrict;
 
 // src/components/dropdown/dropdown.svelte
-var root_3 = $4.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
-var root_5 = $4.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
-var root_1 = $4.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
-var root2 = $4.from_html(`<div><!></div>`);
+var rest_excludes2 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "id",
+  "open",
+  "placement",
+  "class",
+  "trigger",
+  "children"
+]);
+var root2 = $4.from_html(`<div class="cinder-dropdown__menu" popover="auto" role="menu"><!></div>`);
+var root_1 = $4.from_html(`<div class="cinder-dropdown__menu" role="menu"><!></div>`);
+var root_2 = $4.from_html(`<div class="cinder-dropdown__trigger" role="presentation"><!></div> <!>`, 1);
+var root_3 = $4.from_html(`<div><!></div>`);
 function Dropdown($$anchor, $$props) {
   const generatedId = $4.props_id();
   $4.push($$props, true);
-  let id = $4.prop($$props, "id", 3, generatedId), open = $4.prop($$props, "open", 15, false), placement = $4.prop($$props, "placement", 3, "bottom-start"), rest = $4.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "id",
-    "open",
-    "placement",
-    "class",
-    "trigger",
-    "children"
-  ]);
+  let id = $4.prop($$props, "id", 3, generatedId), open = $4.prop($$props, "open", 15, false), placement = $4.prop($$props, "placement", 3, "bottom-start"), rest = $4.rest_props($$props, rest_excludes2);
   let compoundMenuElement = $4.state(null);
   let compoundTriggerElement = $4.state(null);
   let compoundOpen = $4.state(false);
@@ -4964,7 +4966,7 @@ function Dropdown($$anchor, $$props) {
     const toggleEvent = event2;
     open(toggleEvent.newState === "open");
   }
-  var div = root2();
+  var div = root_3();
   $4.attribute_effect(div, ($0) => ({
     id: id(),
     class: $0,
@@ -4975,7 +4977,7 @@ function Dropdown($$anchor, $$props) {
   var node = $4.child(div);
   {
     var consequent_5 = ($$anchor2) => {
-      var fragment = root_1();
+      var fragment = root_2();
       var div_1 = $4.first_child(fragment);
       var node_1 = $4.child(div_1);
       {
@@ -4995,7 +4997,7 @@ function Dropdown($$anchor, $$props) {
       var node_3 = $4.sibling(div_1, 2);
       {
         var consequent_2 = ($$anchor3) => {
-          var div_2 = root_3();
+          var div_2 = root2();
           var node_4 = $4.child(div_2);
           {
             var consequent_1 = ($$anchor4) => {
@@ -5020,7 +5022,7 @@ function Dropdown($$anchor, $$props) {
           $4.append($$anchor3, div_2);
         };
         var consequent_4 = ($$anchor3) => {
-          var div_3 = root_5();
+          var div_3 = root_1();
           var node_6 = $4.child(div_3);
           {
             var consequent_3 = ($$anchor4) => {
@@ -5075,26 +5077,27 @@ $4.delegate(["click"]);
 // src/components/dropdown-item/dropdown-item.svelte
 import"svelte/internal/disclose-version";
 import * as $5 from "svelte/internal/client";
-var root_12 = $5.from_html(`<a><!></a>`);
-var root_32 = $5.from_html(`<button><!></button>`);
+var rest_excludes3 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "variant",
+  "itemRole",
+  "checked",
+  "inset",
+  "disabled",
+  "closeOnSelect",
+  "class",
+  "onclick",
+  "onkeydown",
+  "href",
+  "children"
+]);
+var root3 = $5.from_html(`<a><!></a>`);
+var root_12 = $5.from_html(`<button><!></button>`);
 function Dropdown_item($$anchor, $$props) {
   $5.push($$props, true);
-  let variant = $5.prop($$props, "variant", 3, "default"), itemRole = $5.prop($$props, "itemRole", 3, "menuitem"), checked = $5.prop($$props, "checked", 3, false), inset = $5.prop($$props, "inset", 3, false), closeOnSelect = $5.prop($$props, "closeOnSelect", 3, true), rest = $5.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "itemRole",
-    "checked",
-    "inset",
-    "disabled",
-    "closeOnSelect",
-    "class",
-    "onclick",
-    "onkeydown",
-    "href",
-    "children"
-  ]);
+  let variant = $5.prop($$props, "variant", 3, "default"), itemRole = $5.prop($$props, "itemRole", 3, "menuitem"), checked = $5.prop($$props, "checked", 3, false), inset = $5.prop($$props, "inset", 3, false), closeOnSelect = $5.prop($$props, "closeOnSelect", 3, true), rest = $5.rest_props($$props, rest_excludes3);
   const context = getDropdownContext();
   const isLink = $5.derived(() => $$props.href !== undefined);
   const sharedClass = $5.derived(() => classNames("cinder-_option-row", "cinder-dropdown-item", inset() && "cinder-dropdown-item--inset", $$props.class));
@@ -5135,7 +5138,7 @@ function Dropdown_item($$anchor, $$props) {
   var node = $5.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var a = root_12();
+      var a = root3();
       $5.attribute_effect(a, () => ({
         ...$5.get(anchorAttributes),
         href: $$props.href,
@@ -5166,7 +5169,7 @@ function Dropdown_item($$anchor, $$props) {
       $5.append($$anchor2, a);
     };
     var alternate = ($$anchor2) => {
-      var button = root_32();
+      var button = root_12();
       $5.attribute_effect(button, () => ({
         ...$5.get(buttonAttributes),
         type: $5.get(buttonType),
@@ -5615,17 +5618,18 @@ class TypeaheadBuffer {
 }
 
 // src/components/dropdown-menu/dropdown-menu.svelte
-var root_13 = $7.from_html(`<div><!></div>`);
+var rest_excludes4 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "children",
+  "dir"
+]);
+var root4 = $7.from_html(`<div><!></div>`);
 function Dropdown_menu($$anchor, $$props) {
   $7.push($$props, true);
-  let rest = $7.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "children",
-    "dir"
-  ]);
+  let rest = $7.rest_props($$props, rest_excludes4);
   const context = getDropdownContext();
   const registerMenu = getDropdownRegister();
   const setOpen = getDropdownSetOpen();
@@ -5764,7 +5768,7 @@ function Dropdown_menu($$anchor, $$props) {
   var node = $7.first_child(fragment);
   {
     var consequent_1 = ($$anchor2) => {
-      var div = root_13();
+      var div = root4();
       $7.attribute_effect(div, ($0) => ({
         id: context.menuId,
         popover: context.supportsPopover ? "auto" : undefined,
@@ -5814,19 +5818,20 @@ function Dropdown_menu($$anchor, $$props) {
 // src/components/dropdown-trigger/dropdown-trigger.svelte
 import"svelte/internal/disclose-version";
 import * as $8 from "svelte/internal/client";
-var root_2 = $8.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
-var root3 = $8.from_html(`<button><!> <!></button>`);
+var rest_excludes5 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "class",
+  "showCaret",
+  "children",
+  "onclick"
+]);
+var root5 = $8.from_svg(`<svg class="cinder-dropdown-trigger__caret" aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8l4 4 4-4"></path></svg>`);
+var root_13 = $8.from_html(`<button><!> <!></button>`);
 function Dropdown_trigger($$anchor, $$props) {
   $8.push($$props, true);
-  let showCaret = $8.prop($$props, "showCaret", 3, true), rest = $8.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "class",
-    "showCaret",
-    "children",
-    "onclick"
-  ]);
+  let showCaret = $8.prop($$props, "showCaret", 3, true), rest = $8.rest_props($$props, rest_excludes5);
   const context = getDropdownContext();
   const registerTrigger = getDropdownRegisterTrigger();
   const setOpen = getDropdownSetOpen();
@@ -5842,7 +5847,7 @@ function Dropdown_trigger($$anchor, $$props) {
       setOpen(!context.isOpen);
     }
   }
-  var button = root3();
+  var button = root_13();
   $8.attribute_effect(button, ($0) => ({
     type: "button",
     class: $0,
@@ -5870,7 +5875,7 @@ function Dropdown_trigger($$anchor, $$props) {
   var node_3 = $8.sibling(node_1, 2);
   {
     var consequent_1 = ($$anchor2) => {
-      var svg = root_2();
+      var svg = root5();
       $8.append($$anchor2, svg);
     };
     $8.if(node_3, ($$render) => {
@@ -5909,7 +5914,7 @@ var defaultAttributes = {
 var defaultAttributes_default = defaultAttributes;
 
 // ../../node_modules/lucide-svelte/dist/Icon.svelte
-var root4 = $9.from_svg(`<svg><!><!></svg>`);
+var root6 = $9.from_svg(`<svg><!><!></svg>`);
 function Icon($$anchor, $$props) {
   const $$sanitized_props = $9.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
   const $$restProps = $9.legacy_rest_props($$sanitized_props, [
@@ -5931,7 +5936,7 @@ function Icon($$anchor, $$props) {
     return Boolean(className) && array.indexOf(className) === index2;
   }).join(" ");
   $9.init();
-  var svg = root4();
+  var svg = root6();
   $9.attribute_effect(svg, ($0, $1) => ({
     ...defaultAttributes_default,
     ...$$restProps,
@@ -7109,10 +7114,10 @@ var Conversation = class Conversation2 {
       node = node.parent;
     }
     while (depth > maxDepth) {
-      let root5 = this.currentNode;
-      while (root5.parent)
-        root5 = root5.parent;
-      const childOnPath = root5.children.find((child7) => {
+      let root7 = this.currentNode;
+      while (root7.parent)
+        root7 = root7.parent;
+      const childOnPath = root7.children.find((child7) => {
         let curr = this.currentNode;
         while (curr) {
           if (curr === child7)
@@ -7550,11 +7555,11 @@ var Conversation = class Conversation2 {
       conversation: node.conversation,
       children: node.children.map(serializeNode)
     });
-    let root5 = this.currentNode;
-    while (root5.parent)
-      root5 = root5.parent;
+    let root7 = this.currentNode;
+    while (root7.parent)
+      root7 = root7.parent;
     return {
-      root: serializeNode(root5),
+      root: serializeNode(root7),
       currentPath: getPath(this.currentNode)
     };
   }
@@ -7611,9 +7616,9 @@ var Conversation = class Conversation2 {
   }
   [Symbol.dispose]() {
     this.complete();
-    let root5 = this.currentNode;
-    while (root5?.parent)
-      root5 = root5.parent;
+    let root7 = this.currentNode;
+    while (root7?.parent)
+      root7 = root7.parent;
     const clearNode = (node) => {
       for (const child7 of node.children)
         clearNode(child7);
@@ -7622,8 +7627,8 @@ var Conversation = class Conversation2 {
       n.parent = null;
       n.conversation = null;
     };
-    if (root5)
-      clearNode(root5);
+    if (root7)
+      clearNode(root7);
   }
 };
 function isConversationHistory(value) {
@@ -7880,13 +7885,10 @@ function messagesToMarkdown(messages) {
 `);
 }
 // src/components/chat/export/conversation-export-actions.svelte
-var root_8 = $14.from_html(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
-var root_52 = $14.from_html(`<!> <span> </span> <!>`, 1);
-var root_122 = $14.from_html(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
-var root_9 = $14.from_html(`<!> <span> </span> <!>`, 1);
-var root_4 = $14.from_html(`<!> <!>`, 1);
+var root7 = $14.from_html(`<span class="copied-label svelte-ob3hx8">Copied!</span>`);
+var root_14 = $14.from_html(`<!> <span> </span> <!>`, 1);
 var root_22 = $14.from_html(`<!> <!>`, 1);
-var root5 = $14.from_html(`<div><div class="sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
+var root_32 = $14.from_html(`<div><div class="sr-only" aria-live="polite" aria-atomic="true"><!></div> <!></div>`);
 function Conversation_export_actions($$anchor, $$props) {
   $14.push($$props, true);
   const copyState = createCopyState();
@@ -7936,7 +7938,7 @@ function Conversation_export_actions($$anchor, $$props) {
     }
   }
   const formatLabels = { markdown: "Markdown", json: "JSON" };
-  var div = root5();
+  var div = root_32();
   var div_1 = $14.child(div);
   var node = $14.child(div_1);
   {
@@ -7971,12 +7973,12 @@ function Conversation_export_actions($$anchor, $$props) {
       var node_3 = $14.sibling(node_2, 2);
       Dropdown_menu(node_3, {
         children: ($$anchor3, $$slotProps2) => {
-          var fragment_3 = root_4();
+          var fragment_3 = root_22();
           var node_4 = $14.first_child(fragment_3);
           Dropdown_item(node_4, {
             onclick: handleExportMarkdown,
             children: ($$anchor4, $$slotProps3) => {
-              var fragment_4 = root_52();
+              var fragment_4 = root_14();
               var node_5 = $14.first_child(fragment_4);
               {
                 var consequent_1 = ($$anchor5) => {
@@ -7998,7 +8000,7 @@ function Conversation_export_actions($$anchor, $$props) {
               var node_6 = $14.sibling(span, 2);
               {
                 var consequent_2 = ($$anchor5) => {
-                  var span_1 = root_8();
+                  var span_1 = root7();
                   $14.append($$anchor5, span_1);
                 };
                 $14.if(node_6, ($$render) => {
@@ -8015,7 +8017,7 @@ function Conversation_export_actions($$anchor, $$props) {
           Dropdown_item(node_7, {
             onclick: handleExportJSON,
             children: ($$anchor4, $$slotProps3) => {
-              var fragment_7 = root_9();
+              var fragment_7 = root_14();
               var node_8 = $14.first_child(fragment_7);
               {
                 var consequent_3 = ($$anchor5) => {
@@ -8037,7 +8039,7 @@ function Conversation_export_actions($$anchor, $$props) {
               var node_9 = $14.sibling(span_2, 2);
               {
                 var consequent_4 = ($$anchor5) => {
-                  var span_3 = root_122();
+                  var span_3 = root7();
                   $14.append($$anchor5, span_3);
                 };
                 $14.if(node_9, ($$render) => {
@@ -8113,26 +8115,27 @@ function conversationSummaryTimestamp(summary) {
 }
 
 // src/components/chat-conversation-header/chat-conversation-header.svelte
-var root_23 = $15.from_html(`<span aria-hidden="true">·</span> <span> </span>`, 1);
-var root_33 = $15.from_html(`<div class="cinder-chat-conversation-header__actions"><!> <!></div>`);
-var root6 = $15.from_html(`<header><div class="cinder-chat-conversation-header__main"><!> <p class="cinder-chat-conversation-header__meta"> <span aria-hidden="true">·</span> <span class="cinder-chat-conversation-header__status"> </span> <!></p></div> <!></header>`);
+var rest_excludes6 = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "conversation",
+  "headingLevel",
+  "showExportActions",
+  "class",
+  "actions"
+]);
+var root8 = $15.from_html(`<span aria-hidden="true">·</span> <span> </span>`, 1);
+var root_15 = $15.from_html(`<div class="cinder-chat-conversation-header__actions"><!> <!></div>`);
+var root_23 = $15.from_html(`<header><div class="cinder-chat-conversation-header__main"><!> <p class="cinder-chat-conversation-header__meta"> <span aria-hidden="true">·</span> <span class="cinder-chat-conversation-header__status"> </span> <!></p></div> <!></header>`);
 function Chat_conversation_header($$anchor, $$props) {
   $15.push($$props, true);
-  let headingLevel = $15.prop($$props, "headingLevel", 3, 2), showExportActions = $15.prop($$props, "showExportActions", 3, true), rest = $15.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "conversation",
-    "headingLevel",
-    "showExportActions",
-    "class",
-    "actions"
-  ]);
+  let headingLevel = $15.prop($$props, "headingLevel", 3, 2), showExportActions = $15.prop($$props, "showExportActions", 3, true), rest = $15.rest_props($$props, rest_excludes6);
   const summary = $15.derived(() => deriveConversationSummary($$props.conversation));
   const headingTag = $15.derived(() => `h${headingLevel()}`);
   const participantLabel = $15.derived(() => $15.get(summary).participantNames.length === 0 ? undefined : $15.get(summary).participantNames.length <= 2 ? $15.get(summary).participantNames.join(", ") : `${$15.get(summary).participantNames.slice(0, 2).join(", ")} +${$15.get(summary).participantNames.length - 2}`);
   const fullParticipantLabel = $15.derived(() => $15.get(summary).participantNames.join(", "));
-  var header = root6();
+  var header = root_23();
   $15.attribute_effect(header, ($0) => ({ class: $0, ...rest }), [
     () => classNames("cinder-chat-conversation-header", $$props.class)
   ]);
@@ -8152,7 +8155,7 @@ function Chat_conversation_header($$anchor, $$props) {
   var node_1 = $15.sibling(span, 2);
   {
     var consequent = ($$anchor2) => {
-      var fragment_1 = root_23();
+      var fragment_1 = root8();
       var span_1 = $15.sibling($15.first_child(fragment_1), 2);
       var text_3 = $15.child(span_1, true);
       $15.reset(span_1);
@@ -8173,7 +8176,7 @@ function Chat_conversation_header($$anchor, $$props) {
   var node_2 = $15.sibling(div, 2);
   {
     var consequent_3 = ($$anchor2) => {
-      var div_1 = root_33();
+      var div_1 = root_15();
       var node_3 = $15.child(div_1);
       {
         var consequent_1 = ($$anchor3) => {
@@ -8232,4 +8235,4 @@ export {
   Chat_conversation_header as ChatConversationHeader
 };
 
-//# debugId=589D9372E12AF5C564756E2164756E21
+//# debugId=F798A253CC4E3CAB64756E2164756E21

package/dist/components/chat-conversation-list/index.js

@@ -4329,27 +4329,27 @@ function conversationSummaryTimestamp(summary) {
 }
 
 // src/components/chat-conversation-list/chat-conversation-list.svelte
-var root_1 = $.from_html(`<p class="cinder-chat-conversation-list__empty" role="status"> </p>`);
-var root_5 = $.from_html(`<span class="cinder-chat-conversation-list__badge" aria-hidden="true"> </span> <span class="sr-only"> </span>`, 1);
-var root_4 = $.from_html(`<button type="button" class="cinder-chat-conversation-list__button" data-cinder-conversation-item="" data-cinder-conversation-interactive=""><span class="cinder-chat-conversation-list__title"> </span> <span class="cinder-chat-conversation-list__preview"> </span> <!></button>`);
-var root_7 = $.from_html(`<span class="cinder-chat-conversation-list__badge" aria-hidden="true"> </span> <span class="sr-only"> </span>`, 1);
-var root_6 = $.from_html(`<div class="cinder-chat-conversation-list__button" data-cinder-conversation-item="" data-cinder-conversation-static=""><span class="cinder-chat-conversation-list__title"> </span> <span class="cinder-chat-conversation-list__preview"> </span> <!></div>`);
-var root_3 = $.from_html(`<li class="cinder-chat-conversation-list__item"><!></li>`);
-var root_2 = $.from_html(`<ul class="cinder-chat-conversation-list__items"></ul>`);
-var root = $.from_html(`<nav><!></nav>`);
+var rest_excludes = new Set([
+  "$$slots",
+  "$$events",
+  "$$legacy",
+  "conversations",
+  "activeConversationId",
+  "ariaLabel",
+  "emptyText",
+  "class",
+  "onselectconversation"
+]);
+var root = $.from_html(`<p class="cinder-chat-conversation-list__empty" role="status"> </p>`);
+var root_1 = $.from_html(`<span class="cinder-chat-conversation-list__badge" aria-hidden="true"> </span> <span class="sr-only"> </span>`, 1);
+var root_2 = $.from_html(`<button type="button" class="cinder-chat-conversation-list__button" data-cinder-conversation-item="" data-cinder-conversation-interactive=""><span class="cinder-chat-conversation-list__title"> </span> <span class="cinder-chat-conversation-list__preview"> </span> <!></button>`);
+var root_3 = $.from_html(`<div class="cinder-chat-conversation-list__button" data-cinder-conversation-item="" data-cinder-conversation-static=""><span class="cinder-chat-conversation-list__title"> </span> <span class="cinder-chat-conversation-list__preview"> </span> <!></div>`);
+var root_4 = $.from_html(`<li class="cinder-chat-conversation-list__item"><!></li>`);
+var root_5 = $.from_html(`<ul class="cinder-chat-conversation-list__items"></ul>`);
+var root_6 = $.from_html(`<nav><!></nav>`);
 function Chat_conversation_list($$anchor, $$props) {
   $.push($$props, true);
-  let activeConversationId = $.prop($$props, "activeConversationId", 3, null), ariaLabel = $.prop($$props, "ariaLabel", 3, "Conversations"), emptyText = $.prop($$props, "emptyText", 3, "No conversations"), rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "conversations",
-    "activeConversationId",
-    "ariaLabel",
-    "emptyText",
-    "class",
-    "onselectconversation"
-  ]);
+  let activeConversationId = $.prop($$props, "activeConversationId", 3, null), ariaLabel = $.prop($$props, "ariaLabel", 3, "Conversations"), emptyText = $.prop($$props, "emptyText", 3, "No conversations"), rest = $.rest_props($$props, rest_excludes);
   const sortedConversations = $.derived(() => [...$$props.conversations].sort((a, b) => conversationSummaryTimestamp(b) - conversationSummaryTimestamp(a)));
   function preview(summary) {
     const text = summary.lastMessageText?.trim();
@@ -4361,28 +4361,28 @@ function Chat_conversation_list($$anchor, $$props) {
     return unreadCount === 1 ? "1 unread message" : `${unreadCount} unread messages`;
   }
   const resolvedAriaLabel = $.derived(() => typeof ariaLabel() === "string" && ariaLabel().trim().length > 0 ? ariaLabel() : undefined);
-  var nav = root();
+  var nav = root_6();
   $.attribute_effect(nav, ($0) => ({ ...rest, class: $0, "aria-label": $.get(resolvedAriaLabel) }), [
     () => classNames("cinder-chat-conversation-list", $$props.class)
   ]);
   var node = $.child(nav);
   {
     var consequent = ($$anchor2) => {
-      var p = root_1();
+      var p = root();
       var text_1 = $.child(p, true);
       $.reset(p);
       $.template_effect(() => $.set_text(text_1, emptyText()));
       $.append($$anchor2, p);
     };
     var alternate_1 = ($$anchor2) => {
-      var ul = root_2();
+      var ul = root_5();
       $.each(ul, 21, () => $.get(sortedConversations), (conversation) => conversation.id, ($$anchor3, conversation) => {
         const isActive = $.derived(() => $.get(conversation).id === activeConversationId());
-        var li = root_3();
+        var li = root_4();
         var node_1 = $.child(li);
         {
           var consequent_2 = ($$anchor4) => {
-            var button = root_4();
+            var button = root_2();
             var span = $.child(button);
             var text_2 = $.child(span, true);
             $.reset(span);
@@ -4392,7 +4392,7 @@ function Chat_conversation_list($$anchor, $$props) {
             var node_2 = $.sibling(span_1, 2);
             {
               var consequent_1 = ($$anchor5) => {
-                var fragment = root_5();
+                var fragment = root_1();
                 var span_2 = $.first_child(fragment);
                 var text_4 = $.child(span_2, true);
                 $.reset(span_2);
@@ -4421,7 +4421,7 @@ function Chat_conversation_list($$anchor, $$props) {
             $.append($$anchor4, button);
           };
           var alternate = ($$anchor4) => {
-            var div = root_6();
+            var div = root_3();
             var span_4 = $.child(div);
             var text_6 = $.child(span_4, true);
             $.reset(span_4);
@@ -4431,7 +4431,7 @@ function Chat_conversation_list($$anchor, $$props) {
             var node_3 = $.sibling(span_5, 2);
             {
               var consequent_3 = ($$anchor5) => {
-                var fragment_1 = root_7();
+                var fragment_1 = root_1();
                 var span_6 = $.first_child(fragment_1);
                 var text_8 = $.child(span_6, true);
                 $.reset(span_6);
@@ -4493,4 +4493,4 @@ export {
   Chat_conversation_list as ChatConversationList
 };
 
-//# debugId=3C81B7400A45BF7064756E2164756E21
+//# debugId=90F6D3A37597B1CF64756E2164756E21