@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/server/components/table-cell/index.js

@@ -46,19 +46,24 @@ function Table_cell($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       align = "left",
+      as = "td",
       class: className,
       children,
       $$slots,
       $$events,
       ...rest
     } = $$props;
-    $$renderer2.push(`<td${$.attributes({
-      ...rest,
-      class: $.clsx(classNames("cinder-table__cell", className)),
-      "data-cinder-align": align
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></td>`);
+    $.element($$renderer2, as, () => {
+      $$renderer2.push(`${$.attributes({
+        ...rest,
+        scope: as === "th" ? "row" : undefined,
+        class: $.clsx(classNames("cinder-table__cell", className)),
+        "data-cinder-align": align
+      })}`);
+    }, () => {
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    });
   });
 }
 
@@ -69,4 +74,4 @@ export {
   Table_cell as TableCell
 };
 
-//# debugId=5B5EC2BFE390D3AC64756E2164756E21
+//# debugId=C9B66CD8D44E241264756E2164756E21

package/dist/server/components/table-cell/table-cell.schema.js

@@ -42,6 +42,10 @@ var schema = {
       enum: ["left", "center", "right"],
       description: "Visual alignment for numeric columns."
     },
+    as: {
+      enum: ["td", "th"],
+      description: 'When `\'th\'`, renders a `<th scope="row">` instead of `<td>`, marking this\ncell as the row-header identifier for assistive technology. The component\nsets `scope="row"` itself (so `scope` is not part of the prop surface).\nDefaults to `\'td\'` so existing consumers are unaffected.\n\nThe attribute surface is typed against `<td>` for both modes — `<td>` and\n`<th>` share `HTMLTableCellElement`, so this covers the common attributes.\nThe `<th>`-only attributes (`colspan`, `rowspan`, `headers`, `abbr`) are\nnot surfaced here; a discriminated `td`/`th` union was tried but produced a\nunion TypeScript reports as "too complex to represent" against the full\nelement attribute interfaces. Use the compositional Table family directly\nif a row-header cell needs those `<th>`-only attributes.'
+    },
     class: {
       type: "string",
       description: "Additional class names merged with `.cinder-table__cell`."
@@ -62,4 +66,4 @@ export {
   table_cell_schema_default as default
 };
 
-//# debugId=3756A6A1BB41BD2564756E2164756E21
+//# debugId=C7EBE12BB821426B64756E2164756E21

package/dist/server/components/tabs/index.js

@@ -83,6 +83,19 @@ import * as $3 from "svelte/internal/server";
 import { untrack } from "svelte";
 
 // src/_internal/collection.ts
+function createSingleSelection(getValue, setValue) {
+  return {
+    get value() {
+      return getValue();
+    },
+    select(next) {
+      setValue(next);
+    },
+    isSelected(candidate) {
+      return getValue() === candidate;
+    }
+  };
+}
 function createMultiSelection(getValues, setValues) {
   return {
     get values() {
@@ -398,4 +411,4 @@ export {
   Tabs2 as Tabs
 };
 
-//# debugId=EEB962A541E5A67664756E2164756E21
+//# debugId=F4A61684F7362ED764756E2164756E21

package/dist/server/components/waveform/index.css

@@ -0,0 +1,55 @@
+/* src/components/waveform/waveform.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+
+@layer cinder.components {
+  .cinder-waveform {
+    display: grid;
+    gap: var(--cinder-space-2);
+    color: var(--cinder-text);
+  }
+
+  .cinder-waveform__description {
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+    margin: 0;
+  }
+
+  .cinder-waveform__viewport {
+    position: relative;
+  }
+
+  .cinder-waveform svg {
+    display: block;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .cinder-waveform__baseline {
+    stroke: var(--cinder-border-muted);
+    stroke-width: 1;
+  }
+
+  .cinder-waveform__path {
+    fill: none;
+    stroke: var(--cinder-chart-series-1);
+    stroke-width: 1.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    vector-effect: non-scaling-stroke;
+  }
+
+  .cinder-waveform__bar {
+    fill: var(--cinder-chart-series-1);
+    rx: 1;
+  }
+
+  .cinder-waveform__state {
+    position: absolute;
+    display: grid;
+    color: var(--cinder-text-muted);
+    background: color-mix(in oklch, var(--cinder-surface) 88%, transparent);
+    z-index: 1;
+    place-items:  center;
+    inset: 0;
+  }
+}