@lostgradient/cinder 0.1.0 → 0.1.1

package/dist/components/empty-state/index.js

@@ -3,25 +3,43 @@ 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: () => mod[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: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -134,4 +152,4 @@ export {
   Empty_state as EmptyState
 };
 
-//# debugId=46791178363A723B64756E2164756E21
+//# debugId=3945D27AF741D9E764756E2164756E21

package/dist/components/experimental/connection-indicator/index.js

@@ -3,25 +3,43 @@ 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: () => mod[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: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -33,52 +51,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// src/components/connection-indicator/index.ts
-import"@lostgradient/cinder/connection-indicator/styles";
-
-// src/components/connection-indicator/connection-indicator.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/connection-indicator/connection-indicator.svelte
-var root = $.from_html(`<span><span class="cinder-connection-indicator__dot" aria-hidden="true"></span> <span class="cinder-connection-indicator__label"> </span></span>`);
-function Connection_indicator($$anchor, $$props) {
-  $.push($$props, true);
-  let rest = $.rest_props($$props, ["$$slots", "$$events", "$$legacy", "state", "label", "class"]);
-  const defaultLabels = {
-    connected: "Connected",
-    connecting: "Connecting",
-    disconnected: "Disconnected",
-    error: "Error"
-  };
-  const visibleLabel = $.derived(() => $$props.label ?? defaultLabels[$$props.state]);
-  var span = root();
-  $.attribute_effect(span, ($0) => ({
-    ...rest,
-    class: $0,
-    "data-cinder-state": $$props.state,
-    role: "status",
-    "aria-live": "polite",
-    "aria-atomic": "true"
-  }), [
-    () => classNames("cinder-connection-indicator", $$props.class)
-  ]);
-  var span_1 = $.sibling($.child(span), 2);
-  var text = $.child(span_1, true);
-  $.reset(span_1);
-  $.reset(span);
-  $.template_effect(() => $.set_text(text, $.get(visibleLabel)));
-  $.append($$anchor, span);
-  $.pop();
-}
-
-// src/components/connection-indicator/index.ts
-var connection_indicator_default = Connection_indicator;
 // ../../node_modules/esm-env/true.js
 var true_default = true;
 // src/utilities/dev-warn.ts
@@ -91,8 +63,8 @@ function devWarn(message, ...args) {
 // src/components/experimental/connection-indicator/index.ts
 devWarn("[cinder] '@lostgradient/cinder/experimental/connection-indicator' is deprecated and will be removed in the next major. " + "Import from '@lostgradient/cinder/connection-indicator' instead.");
 export {
-  connection_indicator_default as default,
-  Connection_indicator as ConnectionIndicator
+  default2 as default,
+  ConnectionIndicator
 };
 
-//# debugId=7DBE03D49C60940664756E2164756E21
+//# debugId=11141FE69056974E64756E2164756E21

package/dist/components/experimental/json-viewer/index.js

@@ -3,25 +3,43 @@ 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: () => mod[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: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -33,312 +51,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// src/components/json-viewer/index.ts
-import"@lostgradient/cinder/json-viewer/styles";
-
-// src/components/json-viewer/json-viewer.svelte
-import"svelte/internal/disclose-version";
-import * as $2 from "svelte/internal/client";
-
-// src/components/json-viewer/_json-viewer-node.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import { untrack } from "svelte";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/json-viewer/_json-viewer-node.svelte
-var root_2 = $.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_3 = $.from_html(`<span class="cinder-json-viewer__summary"> </span> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_5 = $.from_html(`<li><!></li>`);
-var root_4 = $.from_html(`<ul class="cinder-json-viewer__children"></ul> <span class="cinder-json-viewer__brace"> </span>`, 1);
-var root_1 = $.from_html(`<span><!> <button type="button" class="cinder-json-viewer__toggle"><span class="cinder-json-viewer__caret"></span> <span class="cinder-json-viewer__brace"> </span> <!></button> <!></span>`);
-var root_7 = $.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_6 = $.from_html(`<span class="cinder-json-viewer__node"><!> <span class="cinder-json-viewer__too-deep">…</span></span>`);
-var root_9 = $.from_html(`<span class="cinder-json-viewer__key"> </span>`);
-var root_8 = $.from_html(`<span class="cinder-json-viewer__node"><!> <span class="cinder-json-viewer__value"><!></span></span>`);
-function _json_viewer_node($$anchor, $$props) {
-  $.push($$props, true);
-  const isObject = $.derived(() => $$props.value !== null && typeof $$props.value === "object");
-  const isArray = $.derived(() => Array.isArray($$props.value));
-  const tooDeep = $.derived(() => $$props.depth >= $$props.maxDepth);
-  let collapsed = $.state($.proxy(untrack(() => $$props.depth >= $$props.initialDepth)));
-  const entries = $.derived(() => {
-    if (!$.get(isObject) || $.get(tooDeep))
-      return [];
-    if ($.get(isArray)) {
-      return $$props.value.map((item, i) => [i, item]);
-    }
-    return Object.entries($$props.value);
-  });
-  const itemCount = $.derived(() => $.get(entries).length);
-  const collectionLabel = $.derived(() => `${$.get(isArray) ? "array" : "object"}, ${$.get(itemCount)} ${$.get(itemCount) === 1 ? "item" : "items"}`);
-  const toggleLabel = $.derived(() => $$props.keyName === undefined ? $.get(collectionLabel) : `${$$props.keyName}: ${$.get(collectionLabel)}`);
-  function valueClass(v) {
-    if (v === null)
-      return "null";
-    if (typeof v === "string")
-      return "string";
-    if (typeof v === "number")
-      return "number";
-    if (typeof v === "boolean")
-      return "boolean";
-    return "unknown";
-  }
-  var fragment = $.comment();
-  var node = $.first_child(fragment);
-  {
-    var consequent_3 = ($$anchor2) => {
-      var span = root_1();
-      var node_1 = $.child(span);
-      {
-        var consequent = ($$anchor3) => {
-          var span_1 = root_2();
-          var text2 = $.child(span_1);
-          $.reset(span_1);
-          $.template_effect(() => $.set_text(text2, `${$$props.keyName ?? ""}:`));
-          $.append($$anchor3, span_1);
-        };
-        $.if(node_1, ($$render) => {
-          if ($$props.keyName !== undefined)
-            $$render(consequent);
-        });
-      }
-      var button = $.sibling(node_1, 2);
-      var span_2 = $.child(button);
-      var span_3 = $.sibling(span_2, 2);
-      var text_1 = $.child(span_3, true);
-      $.reset(span_3);
-      var node_2 = $.sibling(span_3, 2);
-      {
-        var consequent_1 = ($$anchor3) => {
-          var fragment_1 = root_3();
-          var span_4 = $.first_child(fragment_1);
-          var text_2 = $.child(span_4);
-          $.reset(span_4);
-          var span_5 = $.sibling(span_4, 2);
-          var text_3 = $.child(span_5, true);
-          $.reset(span_5);
-          $.template_effect(() => {
-            $.set_text(text_2, `${$.get(itemCount) ?? ""} ${$.get(itemCount) === 1 ? "item" : "items"}`);
-            $.set_text(text_3, $.get(isArray) ? "]" : "}");
-          });
-          $.append($$anchor3, fragment_1);
-        };
-        $.if(node_2, ($$render) => {
-          if ($.get(collapsed))
-            $$render(consequent_1);
-        });
-      }
-      $.reset(button);
-      var node_3 = $.sibling(button, 2);
-      {
-        var consequent_2 = ($$anchor3) => {
-          var fragment_2 = root_4();
-          var ul = $.first_child(fragment_2);
-          $.each(ul, 21, () => $.get(entries), ([k, v]) => k, ($$anchor4, $$item) => {
-            var $$array = $.derived(() => $.to_array($.get($$item), 2));
-            let k = () => $.get($$array)[0];
-            let v = () => $.get($$array)[1];
-            var li = root_5();
-            var node_4 = $.child(li);
-            {
-              let $0 = $.derived(() => $$props.depth + 1);
-              _json_viewer_node(node_4, {
-                get value() {
-                  return v();
-                },
-                get keyName() {
-                  return k();
-                },
-                get depth() {
-                  return $.get($0);
-                },
-                get initialDepth() {
-                  return $$props.initialDepth;
-                },
-                get maxDepth() {
-                  return $$props.maxDepth;
-                }
-              });
-            }
-            $.reset(li);
-            $.append($$anchor4, li);
-          });
-          $.reset(ul);
-          var span_6 = $.sibling(ul, 2);
-          var text_4 = $.child(span_6, true);
-          $.reset(span_6);
-          $.template_effect(() => $.set_text(text_4, $.get(isArray) ? "]" : "}"));
-          $.append($$anchor3, fragment_2);
-        };
-        $.if(node_3, ($$render) => {
-          if (!$.get(collapsed))
-            $$render(consequent_2);
-        });
-      }
-      $.reset(span);
-      $.template_effect(($0) => {
-        $.set_class(span, 1, $0);
-        $.set_attribute(button, "aria-expanded", !$.get(collapsed));
-        $.set_attribute(button, "aria-label", $.get(toggleLabel));
-        $.set_attribute(span_2, "data-cinder-collapsed", $.get(collapsed) || undefined);
-        $.set_text(text_1, $.get(isArray) ? "[" : "{");
-      }, [() => $.clsx(classNames("cinder-json-viewer__node"))]);
-      $.delegated("click", button, () => $.set(collapsed, !$.get(collapsed)));
-      $.append($$anchor2, span);
-    };
-    var consequent_5 = ($$anchor2) => {
-      var span_7 = root_6();
-      var node_5 = $.child(span_7);
-      {
-        var consequent_4 = ($$anchor3) => {
-          var span_8 = root_7();
-          var text_5 = $.child(span_8);
-          $.reset(span_8);
-          $.template_effect(() => $.set_text(text_5, `${$$props.keyName ?? ""}:`));
-          $.append($$anchor3, span_8);
-        };
-        $.if(node_5, ($$render) => {
-          if ($$props.keyName !== undefined)
-            $$render(consequent_4);
-        });
-      }
-      $.next(2);
-      $.reset(span_7);
-      $.append($$anchor2, span_7);
-    };
-    var alternate_1 = ($$anchor2) => {
-      var span_9 = root_8();
-      var node_6 = $.child(span_9);
-      {
-        var consequent_6 = ($$anchor3) => {
-          var span_10 = root_9();
-          var text_6 = $.child(span_10);
-          $.reset(span_10);
-          $.template_effect(() => $.set_text(text_6, `${$$props.keyName ?? ""}:`));
-          $.append($$anchor3, span_10);
-        };
-        $.if(node_6, ($$render) => {
-          if ($$props.keyName !== undefined)
-            $$render(consequent_6);
-        });
-      }
-      var span_11 = $.sibling(node_6, 2);
-      var node_7 = $.child(span_11);
-      {
-        var consequent_7 = ($$anchor3) => {
-          var text_7 = $.text();
-          $.template_effect(() => $.set_text(text_7, `"${$$props.value ?? ""}"`));
-          $.append($$anchor3, text_7);
-        };
-        var alternate = ($$anchor3) => {
-          var text_8 = $.text();
-          $.template_effect(($0) => $.set_text(text_8, $0), [() => String($$props.value)]);
-          $.append($$anchor3, text_8);
-        };
-        $.if(node_7, ($$render) => {
-          if (typeof $$props.value === "string")
-            $$render(consequent_7);
-          else
-            $$render(alternate, -1);
-        });
-      }
-      $.reset(span_11);
-      $.reset(span_9);
-      $.template_effect(($0) => $.set_attribute(span_11, "data-cinder-type", $0), [() => valueClass($$props.value)]);
-      $.append($$anchor2, span_9);
-    };
-    $.if(node, ($$render) => {
-      if ($.get(isObject) && !$.get(tooDeep))
-        $$render(consequent_3);
-      else if ($.get(isObject) && $.get(tooDeep))
-        $$render(consequent_5, 1);
-      else
-        $$render(alternate_1, -1);
-    });
-  }
-  $.append($$anchor, fragment);
-  $.pop();
-}
-$.delegate(["click"]);
-
-// src/components/json-viewer/json-viewer.svelte
-var root_12 = $2.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p>This value can't be serialized as JSON (it may contain a circular reference or a BigInt).</p> <p>Pass a plain JSON-serializable value, or use the consumer's download or copy action.</p></div>`);
-var root_22 = $2.from_html(`<div class="cinder-json-viewer__fallback" role="status"><p> </p> <p>Use the consumer's download or copy action to inspect the raw JSON.</p></div>`);
-var root = $2.from_html(`<div><!></div>`);
-function Json_viewer($$anchor, $$props) {
-  $2.push($$props, true);
-  let initialDepth = $2.prop($$props, "initialDepth", 3, 1), maxDepth = $2.prop($$props, "maxDepth", 3, 50), maxBytes = $2.prop($$props, "maxBytes", 3, 1048576);
-  const serialized = $2.derived(() => {
-    try {
-      const json = JSON.stringify($$props.value);
-      if (typeof json !== "string")
-        return { ok: false };
-      return { ok: true, size: new Blob([json]).size };
-    } catch {
-      return { ok: false };
-    }
-  });
-  const unserializable = $2.derived(() => !$2.get(serialized).ok);
-  const tooLarge = $2.derived(() => $2.get(serialized).ok && $2.get(serialized).size > maxBytes());
-  var div = root();
-  var node = $2.child(div);
-  {
-    var consequent = ($$anchor2) => {
-      var div_1 = root_12();
-      $2.append($$anchor2, div_1);
-    };
-    var consequent_1 = ($$anchor2) => {
-      var div_2 = root_22();
-      var p = $2.child(div_2);
-      var text2 = $2.child(p);
-      $2.reset(p);
-      $2.next(2);
-      $2.reset(div_2);
-      $2.template_effect(($0, $1) => $2.set_text(text2, `Payload too large to render (~${$0 ?? ""} KB; cap
-        is ${$1 ?? ""} KB).`), [
-        () => Math.round(($2.get(serialized).ok ? $2.get(serialized).size : 0) / 1024),
-        () => Math.round(maxBytes() / 1024)
-      ]);
-      $2.append($$anchor2, div_2);
-    };
-    var alternate = ($$anchor2) => {
-      _json_viewer_node($$anchor2, {
-        get value() {
-          return $$props.value;
-        },
-        depth: 0,
-        get initialDepth() {
-          return initialDepth();
-        },
-        get maxDepth() {
-          return maxDepth();
-        }
-      });
-    };
-    $2.if(node, ($$render) => {
-      if ($2.get(unserializable))
-        $$render(consequent);
-      else if ($2.get(tooLarge))
-        $$render(consequent_1, 1);
-      else
-        $$render(alternate, -1);
-    });
-  }
-  $2.reset(div);
-  $2.template_effect(($0) => $2.set_class(div, 1, $0), [
-    () => $2.clsx(classNames("cinder-json-viewer", $$props.class))
-  ]);
-  $2.append($$anchor, div);
-  $2.pop();
-}
-
-// src/components/json-viewer/index.ts
-var json_viewer_default = Json_viewer;
 // ../../node_modules/esm-env/true.js
 var true_default = true;
 // src/utilities/dev-warn.ts
@@ -351,8 +63,8 @@ function devWarn(message, ...args) {
 // src/components/experimental/json-viewer/index.ts
 devWarn("[cinder] '@lostgradient/cinder/experimental/json-viewer' is deprecated and will be removed in the next major. " + "Import from '@lostgradient/cinder/json-viewer' instead.");
 export {
-  json_viewer_default as default,
-  Json_viewer as JsonViewer
+  default2 as default,
+  JsonViewer
 };
 
-//# debugId=684066ED9CDC20B364756E2164756E21
+//# debugId=ABB5A5A59C73D31164756E2164756E21

package/dist/components/experimental/message/index.js

@@ -3,25 +3,43 @@ 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: () => mod[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: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -33,83 +51,6 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// src/components/message/index.ts
-import"@lostgradient/cinder/message/styles";
-
-// src/components/message/message.svelte
-import"svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/message/message.svelte
-var defaultNames = { user: "You", assistant: "Assistant", system: "System" };
-var root_1 = $.from_html(`<time class="cinder-message__time"> </time>`);
-var root_2 = $.from_html(`<div class="cinder-message__body"><!></div>`);
-var root = $.from_html(`<article><header class="cinder-message__header"><span class="cinder-message__name"> </span> <!></header> <!></article>`);
-function Message($$anchor, $$props) {
-  $.push($$props, true);
-  let rest = $.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "role",
-    "datetime",
-    "timestamp",
-    "name",
-    "class",
-    "children"
-  ]);
-  const visibleName = $.derived(() => $$props.name ?? defaultNames[$$props.role]);
-  var article = root();
-  $.attribute_effect(article, ($0) => ({ ...rest, "data-cinder-role": $$props.role, class: $0 }), [() => classNames("cinder-message", $$props.class)]);
-  var header = $.child(article);
-  var span = $.child(header);
-  var text = $.child(span, true);
-  $.reset(span);
-  var node = $.sibling(span, 2);
-  {
-    var consequent = ($$anchor2) => {
-      var time = root_1();
-      var text_1 = $.child(time, true);
-      $.reset(time);
-      $.template_effect(() => {
-        $.set_attribute(time, "datetime", $$props.datetime);
-        $.set_text(text_1, $$props.timestamp ?? $$props.datetime);
-      });
-      $.append($$anchor2, time);
-    };
-    $.if(node, ($$render) => {
-      if ($$props.datetime)
-        $$render(consequent);
-    });
-  }
-  $.reset(header);
-  var node_1 = $.sibling(header, 2);
-  {
-    var consequent_1 = ($$anchor2) => {
-      var div = root_2();
-      var node_2 = $.child(div);
-      $.snippet(node_2, () => $$props.children);
-      $.reset(div);
-      $.append($$anchor2, div);
-    };
-    $.if(node_1, ($$render) => {
-      if ($$props.children)
-        $$render(consequent_1);
-    });
-  }
-  $.reset(article);
-  $.template_effect(() => $.set_text(text, $.get(visibleName)));
-  $.append($$anchor, article);
-  $.pop();
-}
-
-// src/components/message/index.ts
-var message_default = Message;
 // ../../node_modules/esm-env/true.js
 var true_default = true;
 // src/utilities/dev-warn.ts
@@ -122,8 +63,8 @@ function devWarn(message, ...args) {
 // src/components/experimental/message/index.ts
 devWarn("[cinder] '@lostgradient/cinder/experimental/message' is deprecated and will be removed in the next major. " + "Import from '@lostgradient/cinder/message' instead.");
 export {
-  message_default as default,
+  default2 as default,
   Message
 };
 
-//# debugId=C7110F4D8B94838F64756E2164756E21
+//# debugId=D6F347C7EE5EF18D64756E2164756E21