@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/server/components/spectrum-chart/spectrum-chart.schema.js

@@ -0,0 +1,79 @@
+import { createRequire } from "node:module";
+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 __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/spectrum-chart/spectrum-chart.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    label: {
+      type: "string"
+    },
+    description: {
+      type: "string"
+    },
+    height: {
+      type: "number"
+    },
+    loading: {
+      type: "boolean"
+    },
+    dataTableVisibility: {
+      enum: ["screen-reader-only", "visible", "hidden"]
+    },
+    dataTableCaption: {
+      type: "string"
+    },
+    class: {
+      type: "string"
+    }
+  },
+  additionalProperties: false,
+  required: ["label"],
+  metadata: {
+    unsupportedProps: [
+      {
+        name: "bins",
+        reason: "unknown-shape"
+      }
+    ]
+  }
+};
+var spectrum_chart_schema_default = schema;
+export {
+  spectrum_chart_schema_default as default
+};
+
+//# debugId=ED053B41E04A69F464756E2164756E21

package/dist/server/components/spectrum-chart/spectrum-chart.variables.js

@@ -0,0 +1,43 @@
+import { createRequire } from "node:module";
+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 __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/spectrum-chart/spectrum-chart.variables.ts
+var variables = [];
+var spectrum_chart_variables_default = variables;
+export {
+  spectrum_chart_variables_default as default
+};
+
+//# debugId=4E3108445BD669E364756E2164756E21

package/dist/server/components/status-dot/index.css

@@ -59,4 +59,12 @@
   .cinder-status-dot[data-cinder-status="neutral"] {
     --cinder-status-dot-color: var(--cinder-text-muted);
   }
+
+  .cinder-status-dot[data-cinder-status="success"] {
+    --cinder-status-dot-color: var(--cinder-success);
+  }
+
+  .cinder-status-dot[data-cinder-status="accent"] {
+    --cinder-status-dot-color: var(--cinder-accent);
+  }
 }

package/dist/server/components/status-dot/status-dot.schema.js

@@ -39,8 +39,8 @@ var schema = {
   type: "object",
   properties: {
     status: {
-      enum: ["online", "offline", "warning", "error", "pending", "neutral"],
-      description: "Required semantic status. Drives color via `data-cinder-status`."
+      enum: ["online", "offline", "warning", "error", "pending", "neutral", "success", "accent"],
+      description: "Required semantic status. Drives color via `data-cinder-status`. `success` maps to `--cinder-success`; `accent` maps to `--cinder-accent`."
     },
     label: {
       type: "string",
@@ -69,4 +69,4 @@ export {
   status_dot_schema_default as default
 };
 
-//# debugId=D30EE67EBF35316C64756E2164756E21
+//# debugId=97EA3F876A9CC1C664756E2164756E21

package/dist/server/components/subscription-badge/index.css

@@ -0,0 +1,2 @@
+/* src/components/subscription-badge/subscription-badge.css */
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;

package/dist/server/components/subscription-badge/index.js

@@ -0,0 +1,339 @@
+import { createRequire } from "node:module";
+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 __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/subscription-badge/subscription-badge.svelte
+import * as $9 from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
+import * as $2 from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+import * as $ from "svelte/internal/server";
+
+// ../../node_modules/lucide-svelte/dist/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var defaultAttributes_default = defaultAttributes;
+
+// ../../node_modules/lucide-svelte/dist/Icon.svelte
+function Icon($$renderer, $$props) {
+  const $$sanitized_props = $.sanitize_props($$props);
+  const $$restProps = $.rest_props($$sanitized_props, [
+    "name",
+    "color",
+    "size",
+    "strokeWidth",
+    "absoluteStrokeWidth",
+    "iconNode"
+  ]);
+  $$renderer.component(($$renderer2) => {
+    let name = $.fallback($$props["name"], undefined);
+    let color = $.fallback($$props["color"], "currentColor");
+    let size = $.fallback($$props["size"], 24);
+    let strokeWidth = $.fallback($$props["strokeWidth"], 2);
+    let absoluteStrokeWidth = $.fallback($$props["absoluteStrokeWidth"], false);
+    let iconNode = $.fallback($$props["iconNode"], () => [], true);
+    const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+      return Boolean(className) && array.indexOf(className) === index;
+    }).join(" ");
+    $$renderer2.push(`<svg${$.attributes({
+      ...defaultAttributes_default,
+      ...$$restProps,
+      width: size,
+      height: size,
+      stroke: color,
+      "stroke-width": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      class: $.clsx(mergeClasses("lucide-icon", "lucide", name ? `lucide-${name}` : "", $$sanitized_props.class))
+    }, undefined, undefined, undefined, 3)}><!--[-->`);
+    const each_array = $.ensure_array_like(iconNode);
+    for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+      let [tag, attrs] = each_array[$$index];
+      $.element($$renderer2, tag, () => {
+        $$renderer2.push(`${$.attributes({ ...attrs }, undefined, undefined, undefined, 3)}`);
+      });
+    }
+    $$renderer2.push(`<!--]--><!--[-->`);
+    $.slot($$renderer2, $$props, "default", {}, null);
+    $$renderer2.push(`<!--]--></svg>`);
+    $.bind_props($$props, {
+      name,
+      color,
+      size,
+      strokeWidth,
+      absoluteStrokeWidth,
+      iconNode
+    });
+  });
+}
+
+// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
+function Circle_check($$renderer, $$props) {
+  const $$sanitized_props = $2.sanitize_props($$props);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "m9 12 2 2 4-4" }]
+  ];
+  Icon($$renderer, $2.spread_props([
+    { name: "circle-check" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $2.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/clock.svelte
+import * as $3 from "svelte/internal/server";
+function Clock($$renderer, $$props) {
+  const $$sanitized_props = $3.sanitize_props($$props);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["polyline", { points: "12 6 12 12 16 14" }]
+  ];
+  Icon($$renderer, $3.spread_props([
+    { name: "clock" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $3.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/triangle-alert.svelte
+import * as $4 from "svelte/internal/server";
+function Triangle_alert($$renderer, $$props) {
+  const $$sanitized_props = $4.sanitize_props($$props);
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+      }
+    ],
+    ["path", { d: "M12 9v4" }],
+    ["path", { d: "M12 17h.01" }]
+  ];
+  Icon($$renderer, $4.spread_props([
+    { name: "triangle-alert" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $4.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/circle-x.svelte
+import * as $5 from "svelte/internal/server";
+function Circle_x($$renderer, $$props) {
+  const $$sanitized_props = $5.sanitize_props($$props);
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "10" }],
+    ["path", { d: "m15 9-6 6" }],
+    ["path", { d: "m9 9 6 6" }]
+  ];
+  Icon($$renderer, $5.spread_props([
+    { name: "circle-x" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $5.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/calendar-x.svelte
+import * as $6 from "svelte/internal/server";
+function Calendar_x($$renderer, $$props) {
+  const $$sanitized_props = $6.sanitize_props($$props);
+  const iconNode = [
+    ["path", { d: "M8 2v4" }],
+    ["path", { d: "M16 2v4" }],
+    [
+      "rect",
+      { width: "18", height: "18", x: "3", y: "4", rx: "2" }
+    ],
+    ["path", { d: "M3 10h18" }],
+    ["path", { d: "m14 14-4 4" }],
+    ["path", { d: "m10 14 4 4" }]
+  ];
+  Icon($$renderer, $6.spread_props([
+    { name: "calendar-x" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $6.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
+import * as $7 from "svelte/internal/server";
+function Rotate_ccw($$renderer, $$props) {
+  const $$sanitized_props = $7.sanitize_props($$props);
+  const iconNode = [
+    [
+      "path",
+      { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
+    ],
+    ["path", { d: "M3 3v5h5" }]
+  ];
+  Icon($$renderer, $7.spread_props([
+    { name: "rotate-ccw" },
+    $$sanitized_props,
+    {
+      iconNode,
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!--[-->`);
+        $7.slot($$renderer2, $$props, "default", {}, null);
+        $$renderer2.push(`<!--]-->`);
+      },
+      $$slots: { default: true }
+    }
+  ]));
+}
+// src/components/badge/badge.svelte
+import * as $8 from "svelte/internal/server";
+
+// src/utilities/class-names.ts
+function classNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/badge/badge.svelte
+function Badge($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      variant = "neutral",
+      size = "md",
+      mono = false,
+      class: customClassName,
+      children,
+      $$slots,
+      $$events,
+      ...rest
+    } = $$props;
+    $$renderer2.push(`<span${$8.attributes({
+      class: $8.clsx(classNames("cinder-badge", customClassName)),
+      "data-cinder-variant": variant,
+      "data-cinder-size": size,
+      "data-cinder-mono": mono ? "" : undefined,
+      ...rest
+    })}>`);
+    children?.($$renderer2);
+    $$renderer2.push(`<!----></span>`);
+  });
+}
+
+// src/components/subscription-badge/subscription-badge.svelte
+function Subscription_badge($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const STATE_CONFIG = {
+      active: { tone: "success", icon: Circle_check, label: "Active" },
+      trialing: { tone: "info", icon: Clock, label: "Trialing" },
+      "past-due": { tone: "warning", icon: Triangle_alert, label: "Past due" },
+      canceled: { tone: "neutral", icon: Circle_x, label: "Canceled" },
+      expired: { tone: "danger", icon: Calendar_x, label: "Expired" },
+      refunded: { tone: "info", icon: Rotate_ccw, label: "Refunded" }
+    };
+    let { state, class: customClassName, $$slots, $$events, ...rest } = $$props;
+    const config = $9.derived(() => STATE_CONFIG[state]);
+    const Icon2 = $9.derived(() => config().icon);
+    const label = $9.derived(() => config().label);
+    const tone = $9.derived(() => config().tone);
+    Badge($$renderer2, $9.spread_props([
+      {
+        variant: tone(),
+        class: classNames("cinder-subscription-badge", customClassName),
+        "data-cinder-state": state
+      },
+      rest,
+      {
+        children: ($$renderer3) => {
+          if (Icon2()) {
+            $$renderer3.push("<!--[-->");
+            Icon2()($$renderer3, { class: "icon-sm", "aria-hidden": "true" });
+            $$renderer3.push("<!--]-->");
+          } else {
+            $$renderer3.push("<!--[!-->");
+            $$renderer3.push("<!--]-->");
+          }
+          $$renderer3.push(` ${$9.escape(label())}`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+
+// src/components/subscription-badge/index.ts
+var subscription_badge_default = Subscription_badge;
+export {
+  subscription_badge_default as default,
+  Subscription_badge as SubscriptionBadge
+};
+
+//# debugId=931E5337E18AB40C64756E2164756E21

package/dist/server/components/subscription-badge/subscription-badge.schema.js

@@ -0,0 +1,59 @@
+import { createRequire } from "node:module";
+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 __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/subscription-badge/subscription-badge.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    state: {
+      enum: ["active", "trialing", "past-due", "canceled", "expired", "refunded"],
+      description: `The billing lifecycle state to display.
+Determines the badge tone, icon, and label automatically.`
+    },
+    class: {
+      type: "string",
+      description: "Extra classes forwarded to the underlying Badge."
+    }
+  },
+  additionalProperties: false,
+  required: ["state"]
+};
+var subscription_badge_schema_default = schema;
+export {
+  subscription_badge_schema_default as default
+};
+
+//# debugId=068D4151B7A5F3CB64756E2164756E21

package/dist/server/components/subscription-badge/subscription-badge.variables.js

@@ -0,0 +1,43 @@
+import { createRequire } from "node:module";
+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 __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/subscription-badge/subscription-badge.variables.ts
+var variables = [];
+var subscription_badge_variables_default = variables;
+export {
+  subscription_badge_variables_default as default
+};
+
+//# debugId=72AEC660909EC02B64756E2164756E21

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

@@ -38,6 +38,19 @@ import * as $ 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() {
@@ -116,4 +129,4 @@ export {
   Tab
 };
 
-//# debugId=DB6DCFDF13F08A0564756E2164756E21
+//# debugId=E7A59691136A420764756E2164756E21

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

@@ -81,19 +81,24 @@ function Table_cell($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       align = "left",
+      as = "td",
       class: className,
       children,
       $$slots,
       $$events,
       ...rest
     } = $$props;
-    $$renderer2.push(`<td${$2.attributes({
-      ...rest,
-      class: $2.clsx(classNames("cinder-table__cell", className)),
-      "data-cinder-align": align
-    })}>`);
-    children?.($$renderer2);
-    $$renderer2.push(`<!----></td>`);
+    $2.element($$renderer2, as, () => {
+      $$renderer2.push(`${$2.attributes({
+        ...rest,
+        scope: as === "th" ? "row" : undefined,
+        class: $2.clsx(classNames("cinder-table__cell", className)),
+        "data-cinder-align": align
+      })}`);
+    }, () => {
+      children?.($$renderer2);
+      $$renderer2.push(`<!---->`);
+    });
   });
 }
 
@@ -338,4 +343,4 @@ export {
   Table2 as Table
 };
 
-//# debugId=A0BCEC81610441BF64756E2164756E21
+//# debugId=D94213EE15EAEF4364756E2164756E21