@lostgradient/cinder 0.4.1 → 0.5.0

package/dist/components/carousel/index.js

@@ -0,0 +1,456 @@
+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);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/carousel/index.ts
+import"@lostgradient/cinder/carousel/styles";
+
+// src/components/carousel/carousel.svelte
+import"svelte/internal/disclose-version";
+import * as $2 from "svelte/internal/client";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/utilities/use-reduced-motion.svelte.ts
+import * as $ from "svelte/internal/client";
+import { MediaQuery } from "svelte/reactivity";
+function useReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return { current: false };
+  }
+  const query = new MediaQuery("(prefers-reduced-motion: reduce)", false);
+  return {
+    get current() {
+      return query.current;
+    }
+  };
+}
+
+// src/components/carousel/carousel.svelte
+var root_1 = $2.from_html(`<p class="cinder-carousel__sr-only"> </p>`);
+var root_6 = $2.from_html(`<img class="cinder-carousel__image"/>`);
+var root_7 = $2.from_html(`<h3 class="cinder-carousel__title"> </h3>`);
+var root_8 = $2.from_html(`<p class="cinder-carousel__description"> </p>`);
+var root_9 = $2.from_html(`<p class="cinder-carousel__description"> </p>`);
+var root_5 = $2.from_html(`<a class="cinder-carousel__link"><!> <!> <!> <!></a>`);
+var root_11 = $2.from_html(`<img class="cinder-carousel__image"/>`);
+var root_12 = $2.from_html(`<h3 class="cinder-carousel__title"> </h3>`);
+var root_13 = $2.from_html(`<p class="cinder-carousel__description"> </p>`);
+var root_14 = $2.from_html(`<p class="cinder-carousel__description"> </p>`);
+var root_10 = $2.from_html(`<!> <!> <!> <!>`, 1);
+var root_4 = $2.from_html(`<article class="cinder-carousel__slide" role="group" aria-roledescription="slide"><!></article>`);
+var root_15 = $2.from_html(`<button type="button" class="cinder-carousel__control cinder-carousel__control--pause"> </button>`);
+var root_16 = $2.from_html(`<button type="button" class="cinder-carousel__dot"></button>`);
+var root = $2.from_html(`<section><!> <p class="cinder-carousel__sr-only" aria-atomic="true"> </p> <div class="cinder-carousel__viewport"><!></div> <div class="cinder-carousel__controls"><div class="cinder-carousel__nav"><button type="button" class="cinder-carousel__control"> </button> <button type="button" class="cinder-carousel__control"> </button></div> <!> <div class="cinder-carousel__dots" role="group"></div></div></section>`);
+function Carousel($$anchor, $$props) {
+  const descriptionId = $2.props_id();
+  $2.push($$props, true);
+  const reducedMotion = useReducedMotion();
+  let activeIndex = $2.prop($$props, "activeIndex", 15, 0), autoplay = $2.prop($$props, "autoplay", 3, false), autoplayInterval = $2.prop($$props, "autoplayInterval", 3, 5000), label = $2.prop($$props, "label", 3, "Carousel"), rest = $2.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "slides",
+    "activeIndex",
+    "autoplay",
+    "autoplayInterval",
+    "label",
+    "description",
+    "controlLabels",
+    "class"
+  ]);
+  let isHovered = $2.state(false);
+  let hasFocusWithin = $2.state(false);
+  let userPaused = $2.state(false);
+  const clampedLength = $2.derived(() => $$props.slides.length);
+  const currentIndex = $2.derived(() => {
+    if ($2.get(clampedLength) < 1)
+      return 0;
+    return Math.max(0, Math.min($2.get(clampedLength) - 1, activeIndex()));
+  });
+  $2.user_effect(() => {
+    if ($2.get(clampedLength) < 1) {
+      if (activeIndex() !== 0)
+        activeIndex(0);
+      return;
+    }
+    const normalizedIndex = Math.max(0, Math.min($2.get(clampedLength) - 1, activeIndex()));
+    if (activeIndex() !== normalizedIndex)
+      activeIndex(normalizedIndex);
+  });
+  const shouldAutoplay = $2.derived(() => autoplay() && $2.get(clampedLength) > 1 && autoplayInterval() > 0 && !reducedMotion.current && !$2.get(isHovered) && !$2.get(hasFocusWithin) && !$2.get(userPaused));
+  const liveAnnouncement = $2.derived(() => {
+    if (!$$props.slides[$2.get(currentIndex)])
+      return "";
+    return `Slide ${$2.get(currentIndex) + 1} of ${$2.get(clampedLength)}: ${$$props.slides[$2.get(currentIndex)].label}`;
+  });
+  $2.user_effect(() => {
+    if (!$2.get(shouldAutoplay))
+      return;
+    const timer = setInterval(() => {
+      if ($2.get(clampedLength) < 2)
+        return;
+      activeIndex(($2.get(currentIndex) + 1) % $2.get(clampedLength));
+    }, autoplayInterval());
+    return () => clearInterval(timer);
+  });
+  function goTo(index) {
+    if ($2.get(clampedLength) < 1)
+      return;
+    activeIndex((index % $2.get(clampedLength) + $2.get(clampedLength)) % $2.get(clampedLength));
+  }
+  function goPrevious() {
+    goTo($2.get(currentIndex) - 1);
+  }
+  function goNext() {
+    goTo($2.get(currentIndex) + 1);
+  }
+  function onKeydown(event) {
+    if ($2.get(clampedLength) < 2)
+      return;
+    if (event.key === "ArrowLeft") {
+      event.preventDefault();
+      goPrevious();
+      return;
+    }
+    if (event.key === "ArrowRight") {
+      event.preventDefault();
+      goNext();
+      return;
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      goTo(0);
+      return;
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      goTo($2.get(clampedLength) - 1);
+    }
+  }
+  function onFocusOut(event) {
+    const nextFocus = event.relatedTarget;
+    if (nextFocus instanceof Node && event.currentTarget instanceof HTMLElement) {
+      if (event.currentTarget.contains(nextFocus))
+        return;
+    }
+    $2.set(hasFocusWithin, false);
+  }
+  var section = root();
+  var event_handler = () => $2.set(isHovered, true);
+  var event_handler_1 = () => $2.set(isHovered, false);
+  var event_handler_2 = () => $2.set(hasFocusWithin, true);
+  $2.attribute_effect(section, ($0) => ({
+    ...rest,
+    class: $0,
+    role: "region",
+    "aria-roledescription": "carousel",
+    "aria-label": label(),
+    "aria-describedby": $$props.description ? descriptionId : undefined,
+    tabindex: "0",
+    onkeydown: onKeydown,
+    onmouseenter: event_handler,
+    onmouseleave: event_handler_1,
+    onfocusin: event_handler_2,
+    onfocusout: onFocusOut
+  }), [() => classNames("cinder-carousel", $$props.class)]);
+  var node = $2.child(section);
+  {
+    var consequent = ($$anchor2) => {
+      var p = root_1();
+      var text = $2.child(p, true);
+      $2.reset(p);
+      $2.template_effect(() => {
+        $2.set_attribute(p, "id", descriptionId);
+        $2.set_text(text, $$props.description);
+      });
+      $2.append($$anchor2, p);
+    };
+    $2.if(node, ($$render) => {
+      if ($$props.description)
+        $$render(consequent);
+    });
+  }
+  var p_1 = $2.sibling(node, 2);
+  var text_1 = $2.child(p_1, true);
+  $2.reset(p_1);
+  var div = $2.sibling(p_1, 2);
+  var node_1 = $2.child(div);
+  {
+    var consequent_11 = ($$anchor2) => {
+      var fragment = $2.comment();
+      var node_2 = $2.first_child(fragment);
+      $2.each(node_2, 19, () => $$props.slides, (slide) => slide.id, ($$anchor3, slide, index) => {
+        var fragment_1 = $2.comment();
+        var node_3 = $2.first_child(fragment_1);
+        {
+          var consequent_10 = ($$anchor4) => {
+            var article = root_4();
+            var node_4 = $2.child(article);
+            {
+              var consequent_5 = ($$anchor5) => {
+                var a = root_5();
+                var node_5 = $2.child(a);
+                {
+                  var consequent_1 = ($$anchor6) => {
+                    var img = root_6();
+                    $2.template_effect(() => {
+                      $2.set_attribute(img, "src", $2.get(slide).imageSrc);
+                      $2.set_attribute(img, "alt", $2.get(slide).imageAlt ?? $2.get(slide).title ?? $2.get(slide).label);
+                    });
+                    $2.append($$anchor6, img);
+                  };
+                  $2.if(node_5, ($$render) => {
+                    if ($2.get(slide).imageSrc)
+                      $$render(consequent_1);
+                  });
+                }
+                var node_6 = $2.sibling(node_5, 2);
+                {
+                  var consequent_2 = ($$anchor6) => {
+                    var h3 = root_7();
+                    var text_2 = $2.child(h3, true);
+                    $2.reset(h3);
+                    $2.template_effect(() => $2.set_text(text_2, $2.get(slide).title));
+                    $2.append($$anchor6, h3);
+                  };
+                  $2.if(node_6, ($$render) => {
+                    if ($2.get(slide).title)
+                      $$render(consequent_2);
+                  });
+                }
+                var node_7 = $2.sibling(node_6, 2);
+                {
+                  var consequent_3 = ($$anchor6) => {
+                    var p_2 = root_8();
+                    var text_3 = $2.child(p_2, true);
+                    $2.reset(p_2);
+                    $2.template_effect(() => $2.set_text(text_3, $2.get(slide).description));
+                    $2.append($$anchor6, p_2);
+                  };
+                  $2.if(node_7, ($$render) => {
+                    if ($2.get(slide).description)
+                      $$render(consequent_3);
+                  });
+                }
+                var node_8 = $2.sibling(node_7, 2);
+                {
+                  var consequent_4 = ($$anchor6) => {
+                    var p_3 = root_9();
+                    var text_4 = $2.child(p_3, true);
+                    $2.reset(p_3);
+                    $2.template_effect(() => $2.set_text(text_4, $2.get(slide).label));
+                    $2.append($$anchor6, p_3);
+                  };
+                  $2.if(node_8, ($$render) => {
+                    if (!$2.get(slide).imageSrc && !$2.get(slide).title && !$2.get(slide).description)
+                      $$render(consequent_4);
+                  });
+                }
+                $2.reset(a);
+                $2.template_effect(() => $2.set_attribute(a, "href", $2.get(slide).href));
+                $2.append($$anchor5, a);
+              };
+              var alternate = ($$anchor5) => {
+                var fragment_2 = root_10();
+                var node_9 = $2.first_child(fragment_2);
+                {
+                  var consequent_6 = ($$anchor6) => {
+                    var img_1 = root_11();
+                    $2.template_effect(() => {
+                      $2.set_attribute(img_1, "src", $2.get(slide).imageSrc);
+                      $2.set_attribute(img_1, "alt", $2.get(slide).imageAlt ?? $2.get(slide).title ?? $2.get(slide).label);
+                    });
+                    $2.append($$anchor6, img_1);
+                  };
+                  $2.if(node_9, ($$render) => {
+                    if ($2.get(slide).imageSrc)
+                      $$render(consequent_6);
+                  });
+                }
+                var node_10 = $2.sibling(node_9, 2);
+                {
+                  var consequent_7 = ($$anchor6) => {
+                    var h3_1 = root_12();
+                    var text_5 = $2.child(h3_1, true);
+                    $2.reset(h3_1);
+                    $2.template_effect(() => $2.set_text(text_5, $2.get(slide).title));
+                    $2.append($$anchor6, h3_1);
+                  };
+                  $2.if(node_10, ($$render) => {
+                    if ($2.get(slide).title)
+                      $$render(consequent_7);
+                  });
+                }
+                var node_11 = $2.sibling(node_10, 2);
+                {
+                  var consequent_8 = ($$anchor6) => {
+                    var p_4 = root_13();
+                    var text_6 = $2.child(p_4, true);
+                    $2.reset(p_4);
+                    $2.template_effect(() => $2.set_text(text_6, $2.get(slide).description));
+                    $2.append($$anchor6, p_4);
+                  };
+                  $2.if(node_11, ($$render) => {
+                    if ($2.get(slide).description)
+                      $$render(consequent_8);
+                  });
+                }
+                var node_12 = $2.sibling(node_11, 2);
+                {
+                  var consequent_9 = ($$anchor6) => {
+                    var p_5 = root_14();
+                    var text_7 = $2.child(p_5, true);
+                    $2.reset(p_5);
+                    $2.template_effect(() => $2.set_text(text_7, $2.get(slide).label));
+                    $2.append($$anchor6, p_5);
+                  };
+                  $2.if(node_12, ($$render) => {
+                    if (!$2.get(slide).imageSrc && !$2.get(slide).title && !$2.get(slide).description)
+                      $$render(consequent_9);
+                  });
+                }
+                $2.append($$anchor5, fragment_2);
+              };
+              $2.if(node_4, ($$render) => {
+                if ($2.get(slide).href)
+                  $$render(consequent_5);
+                else
+                  $$render(alternate, -1);
+              });
+            }
+            $2.reset(article);
+            $2.template_effect(() => $2.set_attribute(article, "aria-label", `${$2.get(index) + 1} of ${$$props.slides.length}: ${$2.get(slide).label}`));
+            $2.append($$anchor4, article);
+          };
+          $2.if(node_3, ($$render) => {
+            if ($2.get(index) === $2.get(currentIndex))
+              $$render(consequent_10);
+          });
+        }
+        $2.append($$anchor3, fragment_1);
+      });
+      $2.append($$anchor2, fragment);
+    };
+    $2.if(node_1, ($$render) => {
+      if ($$props.slides.length > 0)
+        $$render(consequent_11);
+    });
+  }
+  $2.reset(div);
+  var div_1 = $2.sibling(div, 2);
+  var div_2 = $2.child(div_1);
+  var button = $2.child(div_2);
+  var text_8 = $2.child(button, true);
+  $2.reset(button);
+  var button_1 = $2.sibling(button, 2);
+  var text_9 = $2.child(button_1, true);
+  $2.reset(button_1);
+  $2.reset(div_2);
+  var node_13 = $2.sibling(div_2, 2);
+  {
+    var consequent_12 = ($$anchor2) => {
+      var button_2 = root_15();
+      var text_10 = $2.child(button_2, true);
+      $2.reset(button_2);
+      $2.template_effect(() => {
+        $2.set_attribute(button_2, "aria-pressed", $2.get(userPaused));
+        $2.set_text(text_10, $2.get(userPaused) ? $$props.controlLabels?.play ?? "Play" : $$props.controlLabels?.pause ?? "Pause");
+      });
+      $2.delegated("click", button_2, () => $2.set(userPaused, !$2.get(userPaused)));
+      $2.append($$anchor2, button_2);
+    };
+    $2.if(node_13, ($$render) => {
+      if (autoplay() && !reducedMotion.current)
+        $$render(consequent_12);
+    });
+  }
+  var div_3 = $2.sibling(node_13, 2);
+  $2.each(div_3, 23, () => $$props.slides, (slide) => slide.id, ($$anchor2, slide, index) => {
+    var button_3 = root_16();
+    $2.template_effect(() => {
+      $2.set_attribute(button_3, "aria-label", `Go to ${$2.get(slide).label}`);
+      $2.set_attribute(button_3, "aria-current", $2.get(index) === $2.get(currentIndex) ? "true" : undefined);
+    });
+    $2.delegated("click", button_3, () => goTo($2.get(index)));
+    $2.append($$anchor2, button_3);
+  });
+  $2.reset(div_3);
+  $2.reset(div_1);
+  $2.reset(section);
+  $2.template_effect(() => {
+    $2.set_attribute(p_1, "aria-live", $2.get(shouldAutoplay) ? "off" : "polite");
+    $2.set_text(text_1, $2.get(liveAnnouncement));
+    button.disabled = $$props.slides.length < 2;
+    $2.set_text(text_8, $$props.controlLabels?.previous ?? "Previous");
+    button_1.disabled = $$props.slides.length < 2;
+    $2.set_text(text_9, $$props.controlLabels?.next ?? "Next");
+    $2.set_attribute(div_3, "aria-label", $$props.controlLabels?.picker ?? "Choose slide");
+  });
+  $2.delegated("click", button, goPrevious);
+  $2.delegated("click", button_1, goNext);
+  $2.append($$anchor, section);
+  $2.pop();
+}
+$2.delegate(["click"]);
+
+// src/components/carousel/index.ts
+var carousel_default = Carousel;
+export {
+  carousel_default as default,
+  Carousel
+};
+
+//# debugId=7D75B149A399E91864756E2164756E21

package/dist/components/chat/adapter/chat-adapter.d.ts

@@ -5,7 +5,7 @@
  * real-time contract around the existing `conversation` prop WITHOUT coupling
  * Chat to any transport. It is purely an event boundary — NOT a second
  * conversation model. Every method parameter and every push payload uses the
- * structural mirror types from `../conversation-model.ts`, so a consumer whose
+ * Conversationalist types from `../conversation-model.ts`, so a consumer whose
  * authoritative transcript lives in `conversationalist` can pass a plain
  * `ConversationHistory` snapshot to `<Chat>` and wire an adapter with zero
  * adaptation. This module is TYPE-ONLY — it ships no runtime code and imports

package/dist/components/chat/builders.d.ts

@@ -1,23 +1,16 @@
 /**
  * Conversation builders for the Chat component.
  *
- * Chat renders a {@link ConversationHistory} snapshot. Apps with their own
- * conversation state map it into this shape; these builders give everyone else
- * (examples, demos, tests, simple apps) an ergonomic, immutable way to construct
- * one without pulling in a conversation-state library. Each `append*` call
- * returns a NEW snapshot with the message added in order — the immutable-update
- * pattern Svelte reactivity expects.
+ * Chat renders a {@link ConversationHistory} snapshot. These are thin aliases
+ * over the published `conversationalist` builders so examples, demos, tests, and
+ * simple apps construct the same transcript shape Chat consumes.
  */
-import type { ConversationHistory, ConversationStatus, MessageInput, MultiModalContent } from './conversation-model.ts';
+import { appendAssistantMessage as appendConversationalistAssistantMessage, appendUserMessage as appendConversationalistUserMessage, createConversationHistory } from 'conversationalist';
+import type { ConversationHistory, MessageInput } from './conversation-model.ts';
 /** Creates a new empty conversation snapshot. */
-export declare function createConversation(options?: {
-    id?: string;
-    title?: string;
-    status?: ConversationStatus;
-}): ConversationHistory;
-/** Appends one or more messages, returning a new conversation snapshot. */
-export declare function appendMessages(conversation: ConversationHistory, ...inputs: MessageInput[]): ConversationHistory;
-/** Appends a single user message. */
-export declare function appendUserMessage(conversation: ConversationHistory, content: string | MultiModalContent[]): ConversationHistory;
-/** Appends a single assistant message. */
-export declare function appendAssistantMessage(conversation: ConversationHistory, content: string | MultiModalContent[]): ConversationHistory;
+declare const createConversation: typeof createConversationHistory;
+/** Appends one or more messages, preserving the previous no-op identity contract. */
+declare function appendMessages(conversation: ConversationHistory, ...inputs: MessageInput[]): ConversationHistory;
+declare const appendUserMessage: typeof appendConversationalistUserMessage;
+declare const appendAssistantMessage: typeof appendConversationalistAssistantMessage;
+export { appendAssistantMessage, appendMessages, appendUserMessage, createConversation };

package/dist/components/chat/chat.css

@@ -0,0 +1,16 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@layer cinder.components {
+  .cinder-chat.chat-container {
+    container-type: inline-size;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+  }
+
+  .cinder-chat .chat-timeline {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+  }
+}

package/dist/components/chat/chat.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/chat/chat.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);
@@ -286,4 +316,4 @@ export {
   chat_schema_default as default
 };
 
-//# debugId=64566A43168535D764756E2164756E21
+//# debugId=FF251C2AABC0897B64756E2164756E21

package/dist/components/chat/chat.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 {
   chat_variables_default as default
 };
 
-//# debugId=F0BDFF3E2333E5CC64756E2164756E21
+//# debugId=3F716B6A999EA50E64756E2164756E21

package/dist/components/chat/container/use-chat-disclosure-state.svelte.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Runes helper for tracking which per-message disclosures are expanded.
+ *
+ * Owns a set of expanded message ids and provides a toggle function. Used for
+ * any collapsed-by-default disclosure that is keyed by message id and lives in
+ * a virtualized transcript — reasoning blocks and tool-call cards both use one
+ * instance each. When a virtualizer remeasure callback is registered
+ * (optional), toggling fires it so the virtualizer can remeasure the row after
+ * the disclosure opens/closes.
+ */
+/** Options for the disclosure state helper. */
+export type UseChatDisclosureStateOptions = {
+    /**
+     * Optional callback to trigger a virtualizer remeasure for a specific message
+     * row after the disclosure state changes. If the virtualizer is not wired
+     * (e.g. in non-virtualized mode), pass `undefined` or omit — the toggle
+     * still works, no remeasure fires.
+     */
+    onRemeasureRow?: ((messageId: string) => void) | undefined;
+};
+/** Return type for the disclosure state helper. */
+export type UseChatDisclosureStateReturn = {
+    /** Whether the disclosure for the given message id is expanded. */
+    isExpanded: (messageId: string) => boolean;
+    /**
+     * Toggle the expanded state for the given message id. Also fires the
+     * remeasure callback when wired (virtualizer support).
+     */
+    toggle: (messageId: string) => void;
+    /**
+     * Reset all expanded state to empty. Called on conversation change so stale
+     * expanded disclosures from the previous conversation are cleared.
+     */
+    reset: () => void;
+};
+/**
+ * Creates reactive state for per-message disclosure expansion.
+ *
+ * The returned `isExpanded` and `toggle` are stable references — safe to pass
+ * as props without triggering extra re-renders.
+ *
+ * @example
+ * ```svelte
+ * <script lang="ts">
+ *   import { useChatDisclosureState } from './use-chat-disclosure-state.svelte';
+ *
+ *   const reasoningState = useChatDisclosureState({});
+ * </script>
+ *
+ * <!-- in template: -->
+ * <ReasoningPart
+ *   {part}
+ *   expanded={reasoningState.isExpanded(message.id)}
+ *   ontoggle={() => reasoningState.toggle(message.id)}
+ * />
+ * ```
+ */
+export declare function useChatDisclosureState(options: UseChatDisclosureStateOptions): UseChatDisclosureStateReturn;