@lostgradient/cinder 0.2.0 → 0.3.0

package/dist/components/tab/tab.variables.js

@@ -1,34 +1,4 @@
-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);
@@ -58,4 +28,4 @@ export {
   tab_variables_default as default
 };
 
-//# debugId=4603B8CE5D94B52D64756E2164756E21
+//# debugId=488FD57D3F722BDF64756E2164756E21

package/dist/components/tab-list/index.js

@@ -1,34 +1,4 @@
-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);
@@ -95,4 +65,4 @@ export {
   Tab_list as TabList
 };
 
-//# debugId=504E018CC37F578A64756E2164756E21
+//# debugId=881D66B6706E8A9064756E2164756E21

package/dist/components/tab-list/tab-list.schema.js

@@ -1,34 +1,4 @@
-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);
@@ -74,7 +44,9 @@ var schema = {
     unsupportedProps: [
       {
         name: "children",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        required: true,
+        description: "Tab children."
       }
     ]
   }
@@ -84,4 +56,4 @@ export {
   tab_list_schema_default as default
 };
 
-//# debugId=505AAFD8601F175664756E2164756E21
+//# debugId=A113D86315A3838564756E2164756E21

package/dist/components/tab-list/tab-list.variables.js

@@ -1,34 +1,4 @@
-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);
@@ -58,4 +28,4 @@ export {
   tab_list_variables_default as default
 };
 
-//# debugId=46B3ACD6FBAF117564756E2164756E21
+//# debugId=8657D23794D1B87064756E2164756E21

package/dist/components/tab-panel/index.js

@@ -1,34 +1,4 @@
-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);
@@ -108,4 +78,4 @@ export {
   Tab_panel as TabPanel
 };
 
-//# debugId=C961ABD00D4B114D64756E2164756E21
+//# debugId=24569E288CE6C74164756E2164756E21

package/dist/components/tab-panel/tab-panel.schema.js

@@ -1,34 +1,4 @@
-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);
@@ -75,7 +45,9 @@ var schema = {
     unsupportedProps: [
       {
         name: "children",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        required: true,
+        description: "Panel content."
       }
     ]
   }
@@ -85,4 +57,4 @@ export {
   tab_panel_schema_default as default
 };
 
-//# debugId=419B5BD8DF086CA764756E2164756E21
+//# debugId=EF493DA047AAB99064756E2164756E21

package/dist/components/tab-panel/tab-panel.variables.js

@@ -1,34 +1,4 @@
-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);
@@ -58,4 +28,4 @@ export {
   tab_panel_variables_default as default
 };
 
-//# debugId=DCC494E32B5C65D364756E2164756E21
+//# debugId=58963BB770D8F69164756E2164756E21

package/dist/components/table/index.js

@@ -1,34 +1,4 @@
-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);
@@ -268,6 +238,17 @@ var root_4 = $5.from_html(`<td class="cinder-table__cell cinder-table__cell--sel
 var root4 = $5.from_html(`<tr><!><!><!></tr>`);
 function Table_row($$anchor, $$props) {
   $5.push($$props, true);
+  let rest = $5.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "class",
+    "children",
+    "selected",
+    "onSelectedChange",
+    "selectionLabel",
+    "selectionDisabled"
+  ]);
   const table = tryGetTableContext();
   const selectionEnabled = table?.selectionEnabled ?? false;
   const section = tryGetTableSectionContext();
@@ -305,6 +286,7 @@ function Table_row($$anchor, $$props) {
     headerSelection?.claimSelectionHeaderCell();
   }
   var tr = root4();
+  $5.attribute_effect(tr, ($0) => ({ ...rest, class: $0 }), [() => classNames("cinder-table__row", $$props.class)]);
   var node_1 = $5.child(tr);
   {
     var consequent = ($$anchor2) => {
@@ -371,7 +353,6 @@ function Table_row($$anchor, $$props) {
   var node_4 = $5.sibling(node_2);
   $5.snippet(node_4, () => $$props.children);
   $5.reset(tr);
-  $5.template_effect(($0) => $5.set_class(tr, 1, $0), [() => $5.clsx(classNames("cinder-table__row", $$props.class))]);
   $5.append($$anchor, tr);
   $5.pop();
 }
@@ -379,12 +360,67 @@ $5.delegate(["change"]);
 
 // src/components/table/table.svelte
 import"svelte/internal/disclose-version";
+import * as $7 from "svelte/internal/client";
+
+// src/utilities/use-resize-observer.svelte.ts
 import * as $6 from "svelte/internal/client";
-var root_13 = $6.from_html(`<caption class="cinder-table__caption"> </caption>`);
-var root5 = $6.from_html(`<table><!><!></table>`);
+function useResizeObserver(onResize, options = {}) {
+  const { box, enabled = () => true } = options;
+  return (node) => {
+    if (typeof ResizeObserver === "undefined") {
+      return () => {};
+    }
+    let observer = null;
+    const disconnectObserver = () => {
+      observer?.disconnect();
+      observer = null;
+    };
+    $6.user_effect(() => {
+      if (!enabled()) {
+        disconnectObserver();
+        return;
+      }
+      observer = new ResizeObserver((entries) => {
+        if (!enabled()) {
+          return;
+        }
+        onResize(entries);
+      });
+      observer.observe(node, box !== undefined ? { box } : undefined);
+      return () => {
+        disconnectObserver();
+      };
+    });
+    return () => {
+      disconnectObserver();
+    };
+  };
+}
+
+// src/components/table/table.svelte
+var root_13 = $7.from_html(`<caption class="cinder-table__caption"> </caption>`);
+var root5 = $7.from_html(`<table><!><!></table>`);
 function Table($$anchor, $$props) {
-  $6.push($$props, true);
-  let sort = $6.prop($$props, "sort", 15), stickyHeader = $6.prop($$props, "stickyHeader", 3, false), density = $6.prop($$props, "density", 3, "comfortable"), selectable = $6.prop($$props, "selectable", 3, false);
+  $7.push($$props, true);
+  let sort = $7.prop($$props, "sort", 15), stickyHeader = $7.prop($$props, "stickyHeader", 3, false), density = $7.prop($$props, "density", 3, "comfortable"), selectable = $7.prop($$props, "selectable", 3, false), rest = $7.rest_props($$props, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "sort",
+    "caption",
+    "stickyHeader",
+    "density",
+    "selectable",
+    "class",
+    "children"
+  ]);
+  let captionHeight = $7.state(0);
+  const measureCaption = useResizeObserver((entries) => {
+    const entry = entries[0];
+    if (!entry)
+      return;
+    $7.set(captionHeight, entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height, true);
+  }, { box: "border-box", enabled: () => stickyHeader() });
   function onSortChange(column) {
     if (!sort() || sort().column !== column) {
       sort({ column, direction: "ascending" });
@@ -405,31 +441,36 @@ function Table($$anchor, $$props) {
     onSortChange
   });
   var table = root5();
-  var node = $6.child(table);
+  $7.attribute_effect(table, ($0) => ({
+    ...rest,
+    class: $0,
+    "data-cinder-sticky-header": stickyHeader() || undefined,
+    "data-cinder-density": density(),
+    "data-cinder-selectable": selectable() || undefined,
+    [$7.STYLE]: {
+      "--cinder-table-caption-height": $$props.caption ? `${$7.get(captionHeight)}px` : undefined
+    }
+  }), [() => classNames("cinder-table", $$props.class)]);
+  var node = $7.child(table);
   {
     var consequent = ($$anchor2) => {
       var caption_1 = root_13();
-      var text = $6.child(caption_1, true);
-      $6.reset(caption_1);
-      $6.template_effect(() => $6.set_text(text, $$props.caption));
-      $6.append($$anchor2, caption_1);
+      var text = $7.child(caption_1, true);
+      $7.reset(caption_1);
+      $7.attach(caption_1, () => measureCaption);
+      $7.template_effect(() => $7.set_text(text, $$props.caption));
+      $7.append($$anchor2, caption_1);
     };
-    $6.if(node, ($$render) => {
+    $7.if(node, ($$render) => {
       if ($$props.caption)
         $$render(consequent);
     });
   }
-  var node_1 = $6.sibling(node);
-  $6.snippet(node_1, () => $$props.children);
-  $6.reset(table);
-  $6.template_effect(($0) => {
-    $6.set_class(table, 1, $0);
-    $6.set_attribute(table, "data-cinder-sticky-header", stickyHeader() || undefined);
-    $6.set_attribute(table, "data-cinder-density", density());
-    $6.set_attribute(table, "data-cinder-selectable", selectable() || undefined);
-  }, [() => $6.clsx(classNames("cinder-table", $$props.class))]);
-  $6.append($$anchor, table);
-  $6.pop();
+  var node_1 = $7.sibling(node);
+  $7.snippet(node_1, () => $$props.children);
+  $7.reset(table);
+  $7.append($$anchor, table);
+  $7.pop();
 }
 
 // src/components/table/index.ts
@@ -446,4 +487,4 @@ export {
   Table2 as Table
 };
 
-//# debugId=15C87232CFBD0E8C64756E2164756E21
+//# debugId=970B84181FA35F4964756E2164756E21

package/dist/components/table/table.css

@@ -32,7 +32,7 @@
     -webkit-overflow-scrolling: touch;
   }
 
-  .cinder-table-scroll > .cinder-table {
+  .cinder-table-scroll .cinder-table {
     min-inline-size: max-content;
   }
 
@@ -59,13 +59,26 @@
     z-index: 1;
   }
 
+  /* A native <caption> (caption-side: top) renders above the table's border box
+   * but inside the same scroll container, so a sticky <thead> pinned at top: 0
+   * would scroll up and overlap it. Offset the sticky threshold by the caption's
+   * MEASURED border-box height (set on the table by a ResizeObserver in
+   * table.svelte as --cinder-table-caption-height) so the header pins just below
+   * the real caption — including when the caption wraps to multiple lines, which
+   * a hard-coded `1lh` assumption could not handle. Scoped with :has(caption) so
+   * a caption-less sticky table keeps top: 0; the var falls back to 0px before
+   * the first measurement. */
+  .cinder-table[data-cinder-sticky-header]:has(caption) .cinder-table__header {
+    top: var(--cinder-table-caption-height, 0px);
+  }
+
   .cinder-table__header-cell {
     padding-block: var(--cinder-space-2);
     padding-inline: var(--cinder-space-3);
     text-align: left;
     font-weight: var(--cinder-font-medium);
     color: var(--cinder-text-muted);
-    border-bottom: 1px solid var(--cinder-border-muted);
+    border-bottom: 1px solid var(--cinder-border);
     text-wrap: balance;
   }
 
@@ -149,6 +162,12 @@
     z-index: 2;
   }
 
+  @media (hover: hover) {
+    .cinder-table__sort-button:hover {
+      background: var(--cinder-surface-hover);
+    }
+  }
+
   .cinder-table__sort-indicator {
     display: inline-flex;
     color: var(--cinder-text-subtle);
@@ -161,7 +180,7 @@
 
   .cinder-table__sort-indicator[data-cinder-direction='ascending'] .cinder-table__sort-chevron-down,
   .cinder-table__sort-indicator[data-cinder-direction='descending'] .cinder-table__sort-chevron-up {
-    opacity: 0.3;
+    opacity: 0.15;
   }
 
   /* ----------------------------------------
@@ -181,7 +200,7 @@
   .cinder-table__cell {
     padding-block: var(--cinder-space-2);
     padding-inline: var(--cinder-space-3);
-    border-bottom: 1px solid var(--cinder-border-muted);
+    border-bottom: 1px solid var(--cinder-border);
   }
 
   .cinder-table__cell[data-cinder-align='center'] {

package/dist/components/table/table.schema.js

@@ -1,34 +1,4 @@
-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);
@@ -82,11 +52,14 @@ var schema = {
     unsupportedProps: [
       {
         name: "children",
-        reason: "function-or-snippet"
+        reason: "function-or-snippet",
+        required: true,
+        description: "TableHeader, TableBody, etc."
       },
       {
         name: "sort",
-        reason: "unknown-shape"
+        reason: "unknown-shape",
+        description: "Bound sort state. When the user activates a sortable header, this prop\nis updated to reflect the new column / direction.\n\nPass `undefined` initially when no column is sorted; the component will\nnever write back `undefined` itself (sort always toggles to a column)."
       }
     ]
   }
@@ -96,4 +69,4 @@ export {
   table_schema_default as default
 };
 
-//# debugId=F2667F4987017C7C64756E2164756E21
+//# debugId=CB45B03287A933DE64756E2164756E21

package/dist/components/table/table.types.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import type { HTMLTableAttributes } from 'svelte/elements';
 /** Sort direction. */
 export type SortDirection = 'ascending' | 'descending';
 /** Bound sort state shape. */
@@ -48,7 +49,7 @@ export type TableContext = {
  * columns, or aggregate. The consumer owns data ordering and dispatches sort
  * intents through the `sort` bindable.
  */
-export type TableProps = {
+export type TableProps = Omit<HTMLTableAttributes, 'class'> & {
     /**
      * Bound sort state. When the user activates a sortable header, this prop
      * is updated to reflect the new column / direction.

package/dist/components/table/table.variables.js

@@ -1,34 +1,4 @@
-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);
@@ -58,4 +28,4 @@ export {
   table_variables_default as default
 };
 
-//# debugId=435907450E87CA5264756E2164756E21
+//# debugId=16475A7065C2963264756E2164756E21