@lostgradient/cinder 0.3.0 → 0.4.1

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

@@ -1,75 +0,0 @@
-var __defProp = Object.defineProperty;
-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/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;
-export {
-  connection_indicator_default as default,
-  Connection_indicator as ConnectionIndicator
-};
-
-//# debugId=CF43873441D919E564756E2164756E21

package/dist/components/experimental/connection-indicator/index.d.ts

@@ -1,2 +0,0 @@
-export { ConnectionIndicator, default } from '../../connection-indicator/index.ts';
-export type { ConnectionIndicatorProps, ConnectionState, } from '../../connection-indicator/index.ts';

package/dist/components/review-editor/review-editor-types.d.ts

@@ -1,77 +0,0 @@
-/**
- * Shared types for ReviewEditor modules (DEP-422).
- *
- * @module
- */
-import type { CommentCreateEvent, CommentDeleteEvent, CommentUpdateEvent, Thread, ThreadCreateEvent, ThreadDeleteEvent } from '@lostgradient/cinder/commentary/comments';
-/** Review editor mode: edit allows full editing, readonly is view-only. */
-export type ReviewMode = 'edit' | 'readonly';
-/** Available review document views. */
-export type ReviewEditorViewType = 'editor' | 'diff' | 'summary';
-/** Available diff rendering modes in the review editor. */
-export type ReviewEditorDiffViewMode = 'unified' | 'final' | 'original';
-/** FormData structure returned by getFormData(). */
-export type ReviewFormData = {
-    /** Original/baseline content. */
-    original: string;
-    /** Current edited content. */
-    current: string;
-    /** Serialized comment threads as JSON. */
-    comments: string;
-    /** Unified diff between original and current. */
-    diff: string;
-    /** LLM-optimized summary markdown. */
-    summary: string;
-};
-export type ReviewEditorProps = {
-    /** Unique identifier for accessibility (required). */
-    id: string;
-    /** Original/baseline content for diff comparison. */
-    original?: string;
-    /** Current markdown content (two-way bindable). */
-    value?: string;
-    /** Comment threads (two-way bindable). */
-    threads?: Thread[];
-    /** Editor mode. */
-    mode?: ReviewMode;
-    /** Current user ID for permissions. */
-    currentUserId?: string | undefined;
-    /** Placeholder text when empty. */
-    placeholder?: string;
-    /** Form field name prefix for hidden inputs (enables form participation). */
-    name?: string;
-    /** Additional CSS classes. */
-    class?: string;
-    /** Called when content changes. */
-    onchange?: (value: string) => void;
-    /** Called when user initiates thread creation. */
-    onthreadcreate?: (event: ThreadCreateEvent) => void;
-    /** Called when a thread is deleted. */
-    onthreaddelete?: (event: ThreadDeleteEvent) => void;
-    /** Called when a comment is created in an existing thread. */
-    oncommentcreate?: (event: CommentCreateEvent) => void;
-    /** Called when a comment is updated. */
-    oncommentupdate?: (event: CommentUpdateEvent) => void;
-    /** Called when a comment is deleted. */
-    oncommentdelete?: (event: CommentDeleteEvent) => void;
-    /**
-     * Snapshot mode for visual regression testing.
-     *
-     * When `true`:
-     * - Applies `caret-color: transparent` and `user-select: none` to the editor
-     *   root via a `data-snapshot-mode` attribute, producing a stable visual
-     *   state (no blinking cursor, no selection highlights).
-     * - Blurs any focused element inside the component on mount so the initial
-     *   screenshot does not capture a focused ring or active caret.
-     * - The inner MarkdownEditor instance also receives `snapshotMode={true}`.
-     *
-     * This is a purely visual / CSS concern. It does NOT affect editability,
-     * ProseMirror state, or any prop controlled by `readonly` / `mode`.
-     */
-    snapshotMode?: boolean;
-};
-/** Position for fixed-position popovers (viewport-relative coordinates) */
-export interface PopoverPosition {
-    x: number;
-    y: number;
-}

package/dist/components/subscription-badge/index.d.ts

@@ -1,5 +0,0 @@
-import './subscription-badge.css';
-import SubscriptionBadge from './subscription-badge.svelte';
-export default SubscriptionBadge;
-export type { SubscriptionBadgeProps, SubscriptionState } from './subscription-badge.types.ts';
-export { SubscriptionBadge };

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

@@ -1,353 +0,0 @@
-var __defProp = Object.defineProperty;
-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/subscription-badge/index.ts
-import"@lostgradient/cinder/subscription-badge/styles";
-
-// src/components/subscription-badge/subscription-badge.svelte
-import"svelte/internal/disclose-version";
-import * as $9 from "svelte/internal/client";
-
-// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $2 from "svelte/internal/client";
-
-// ../../node_modules/lucide-svelte/dist/Icon.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $ from "svelte/internal/client";
-
-// ../../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
-var root = $.from_svg(`<svg><!><!></svg>`);
-function Icon($$anchor, $$props) {
-  const $$sanitized_props = $.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  const $$restProps = $.legacy_rest_props($$sanitized_props, [
-    "name",
-    "color",
-    "size",
-    "strokeWidth",
-    "absoluteStrokeWidth",
-    "iconNode"
-  ]);
-  $.push($$props, false);
-  let name = $.prop($$props, "name", 8, undefined);
-  let color = $.prop($$props, "color", 8, "currentColor");
-  let size = $.prop($$props, "size", 8, 24);
-  let strokeWidth = $.prop($$props, "strokeWidth", 8, 2);
-  let absoluteStrokeWidth = $.prop($$props, "absoluteStrokeWidth", 8, false);
-  let iconNode = $.prop($$props, "iconNode", 24, () => []);
-  const mergeClasses = (...classes) => classes.filter((className, index2, array) => {
-    return Boolean(className) && array.indexOf(className) === index2;
-  }).join(" ");
-  $.init();
-  var svg = root();
-  $.attribute_effect(svg, ($0, $1) => ({
-    ...defaultAttributes_default,
-    ...$$restProps,
-    width: size(),
-    height: size(),
-    stroke: color(),
-    "stroke-width": $0,
-    class: $1
-  }), [
-    () => ($.deep_read_state(absoluteStrokeWidth()), $.deep_read_state(strokeWidth()), $.deep_read_state(size()), $.untrack(() => absoluteStrokeWidth() ? Number(strokeWidth()) * 24 / Number(size()) : strokeWidth())),
-    () => ($.deep_read_state(name()), $.deep_read_state($$sanitized_props), $.untrack(() => mergeClasses("lucide-icon", "lucide", name() ? `lucide-${name()}` : "", $$sanitized_props.class)))
-  ]);
-  var node = $.child(svg);
-  $.each(node, 1, iconNode, $.index, ($$anchor2, $$item) => {
-    var $$array = $.derived(() => $.to_array($.get($$item), 2));
-    let tag = () => $.get($$array)[0];
-    let attrs = () => $.get($$array)[1];
-    var fragment = $.comment();
-    var node_1 = $.first_child(fragment);
-    $.element(node_1, tag, true, ($$element, $$anchor3) => {
-      $.attribute_effect($$element, () => ({ ...attrs() }));
-    });
-    $.append($$anchor2, fragment);
-  });
-  var node_2 = $.sibling(node);
-  $.slot(node_2, $$props, "default", {}, null);
-  $.reset(svg);
-  $.append($$anchor, svg);
-  $.pop();
-}
-
-// ../../node_modules/lucide-svelte/dist/icons/circle-check.svelte
-function Circle_check($$anchor, $$props) {
-  const $$sanitized_props = $2.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  const iconNode = [
-    ["circle", { cx: "12", cy: "12", r: "10" }],
-    ["path", { d: "m9 12 2 2 4-4" }]
-  ];
-  Icon($$anchor, $2.spread_props({ name: "circle-check" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $2.comment();
-      var node = $2.first_child(fragment_1);
-      $2.slot(node, $$props, "default", {}, null);
-      $2.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// ../../node_modules/lucide-svelte/dist/icons/clock.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $3 from "svelte/internal/client";
-function Clock($$anchor, $$props) {
-  const $$sanitized_props = $3.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  const iconNode = [
-    ["circle", { cx: "12", cy: "12", r: "10" }],
-    ["polyline", { points: "12 6 12 12 16 14" }]
-  ];
-  Icon($$anchor, $3.spread_props({ name: "clock" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $3.comment();
-      var node = $3.first_child(fragment_1);
-      $3.slot(node, $$props, "default", {}, null);
-      $3.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// ../../node_modules/lucide-svelte/dist/icons/triangle-alert.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $4 from "svelte/internal/client";
-function Triangle_alert($$anchor, $$props) {
-  const $$sanitized_props = $4.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  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($$anchor, $4.spread_props({ name: "triangle-alert" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $4.comment();
-      var node = $4.first_child(fragment_1);
-      $4.slot(node, $$props, "default", {}, null);
-      $4.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// ../../node_modules/lucide-svelte/dist/icons/circle-x.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $5 from "svelte/internal/client";
-function Circle_x($$anchor, $$props) {
-  const $$sanitized_props = $5.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  const iconNode = [
-    ["circle", { cx: "12", cy: "12", r: "10" }],
-    ["path", { d: "m15 9-6 6" }],
-    ["path", { d: "m9 9 6 6" }]
-  ];
-  Icon($$anchor, $5.spread_props({ name: "circle-x" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $5.comment();
-      var node = $5.first_child(fragment_1);
-      $5.slot(node, $$props, "default", {}, null);
-      $5.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// ../../node_modules/lucide-svelte/dist/icons/calendar-x.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $6 from "svelte/internal/client";
-function Calendar_x($$anchor, $$props) {
-  const $$sanitized_props = $6.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  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($$anchor, $6.spread_props({ name: "calendar-x" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $6.comment();
-      var node = $6.first_child(fragment_1);
-      $6.slot(node, $$props, "default", {}, null);
-      $6.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// ../../node_modules/lucide-svelte/dist/icons/rotate-ccw.svelte
-import"svelte/internal/disclose-version";
-import"svelte/internal/flags/legacy";
-import * as $7 from "svelte/internal/client";
-function Rotate_ccw($$anchor, $$props) {
-  const $$sanitized_props = $7.legacy_rest_props($$props, ["children", "$$slots", "$$events", "$$legacy"]);
-  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($$anchor, $7.spread_props({ name: "rotate-ccw" }, () => $$sanitized_props, {
-    get iconNode() {
-      return iconNode;
-    },
-    children: ($$anchor2, $$slotProps) => {
-      var fragment_1 = $7.comment();
-      var node = $7.first_child(fragment_1);
-      $7.slot(node, $$props, "default", {}, null);
-      $7.append($$anchor2, fragment_1);
-    },
-    $$slots: { default: true }
-  }));
-}
-// src/components/badge/badge.svelte
-import"svelte/internal/disclose-version";
-import * as $8 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/badge/badge.svelte
-var root2 = $8.from_html(`<span><!></span>`);
-function Badge($$anchor, $$props) {
-  $8.push($$props, true);
-  let variant = $8.prop($$props, "variant", 3, "neutral"), size = $8.prop($$props, "size", 3, "md"), mono = $8.prop($$props, "mono", 3, false), rest = $8.rest_props($$props, [
-    "$$slots",
-    "$$events",
-    "$$legacy",
-    "variant",
-    "size",
-    "mono",
-    "class",
-    "children"
-  ]);
-  var span = root2();
-  $8.attribute_effect(span, ($0) => ({
-    class: $0,
-    "data-cinder-variant": variant(),
-    "data-cinder-size": size(),
-    "data-cinder-mono": mono() ? "" : undefined,
-    ...rest
-  }), [() => classNames("cinder-badge", $$props.class)]);
-  var node = $8.child(span);
-  $8.snippet(node, () => $$props.children ?? $8.noop);
-  $8.reset(span);
-  $8.append($$anchor, span);
-  $8.pop();
-}
-
-// src/components/subscription-badge/subscription-badge.svelte
-var root_1 = $9.from_html(`<!> `, 1);
-function Subscription_badge($$anchor, $$props) {
-  $9.push($$props, true);
-  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: "neutral", icon: Rotate_ccw, label: "Refunded" }
-  };
-  let rest = $9.rest_props($$props, ["$$slots", "$$events", "$$legacy", "state", "class"]);
-  const config = $9.derived(() => STATE_CONFIG[$$props.state]);
-  const Icon2 = $9.derived(() => $9.get(config).icon);
-  const label = $9.derived(() => $9.get(config).label);
-  const tone = $9.derived(() => $9.get(config).tone);
-  {
-    let $0 = $9.derived(() => classNames("cinder-subscription-badge", $$props.class));
-    Badge($$anchor, $9.spread_props({
-      get variant() {
-        return $9.get(tone);
-      },
-      get class() {
-        return $9.get($0);
-      },
-      get "data-cinder-state"() {
-        return $$props.state;
-      }
-    }, () => rest, {
-      children: ($$anchor2, $$slotProps) => {
-        var fragment_1 = root_1();
-        var node = $9.first_child(fragment_1);
-        $9.component(node, () => $9.get(Icon2), ($$anchor3, Icon_1) => {
-          Icon_1($$anchor3, { class: "icon-sm", "aria-hidden": "true" });
-        });
-        var text = $9.sibling(node);
-        $9.template_effect(() => $9.set_text(text, ` ${$9.get(label) ?? ""}`));
-        $9.append($$anchor2, fragment_1);
-      },
-      $$slots: { default: true }
-    }));
-  }
-  $9.pop();
-}
-
-// src/components/subscription-badge/index.ts
-var subscription_badge_default = Subscription_badge;
-export {
-  subscription_badge_default as default,
-  Subscription_badge as SubscriptionBadge
-};
-
-//# debugId=D5202AF45BBE321564756E2164756E21

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

@@ -1,18 +0,0 @@
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-@layer cinder.components {
-  /* ========================================
- * SUBSCRIPTION BADGE
- *
- * Thin wrapper over .cinder-badge that identifies subscription-state
- * badge instances in the DOM. All visual styling (tone, size, layout)
- * is inherited from Badge — this rule exists only to give the component
- * a stable CSS anchor for host-application overrides and for the
- * component graph invariant check that every component has a CSS entry.
- * ======================================== */
-
-  .cinder-subscription-badge {
-    /* No additional overrides needed — Badge tones cover all six states.
-     * Host applications can target .cinder-subscription-badge to further
-     * customize without touching the base Badge rules. */
-  }
-}

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

@@ -1,47 +0,0 @@
-var __defProp = Object.defineProperty;
-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/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=81A5123DB31BD90664756E2164756E21

package/dist/components/subscription-badge/subscription-badge.svelte.d.ts

@@ -1,19 +0,0 @@
-/**
- * @cinder
- * @category data-display
- * @status alpha
- * @purpose Opinionated Badge variant that communicates billing subscription states with a standardized tone, icon, and human-readable label.
- * @tag billing
- * @tag subscription
- * @tag status
- * @useWhen Displaying the billing state of a subscription in a dashboard, invoice list, or account settings page.
- * @useWhen Annotating a plan name, customer row, or invoice line with its current payment lifecycle state.
- * @avoidWhen The subscription state is not one of the six recognized values — use Badge directly with a custom label instead.
- * @avoidWhen You need an interactive control that lets users change the state — use a Button or Select.
- * @related badge, status-dot, chip
- */
-export type { SubscriptionBadgeProps, SubscriptionState } from './subscription-badge.types.ts';
-import type { SubscriptionBadgeProps } from './subscription-badge.types.ts';
-declare const SubscriptionBadge: import("svelte").Component<SubscriptionBadgeProps, {}, "">;
-type SubscriptionBadge = ReturnType<typeof SubscriptionBadge>;
-export default SubscriptionBadge;

package/dist/components/subscription-badge/subscription-badge.types.d.ts

@@ -1,28 +0,0 @@
-import type { HTMLAttributes } from 'svelte/elements';
-/**
- * Billing lifecycle states for a subscription.
- *
- * Each value is stamped onto the root element as `data-cinder-state` and
- * maps to a Badge tone and an icon in `subscription-badge.svelte`. Color is
- * NOT the only differentiator — every state also carries a visible text label
- * and an icon so the state is conveyed even to users who cannot distinguish
- * colors (WCAG 1.4.1).
- */
-export type SubscriptionState = 'active' | 'trialing' | 'past-due' | 'canceled' | 'expired' | 'refunded';
-/** Props for the SubscriptionBadge component. */
-export type SubscriptionBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
-    /** The billing lifecycle state to display. */
-    state: SubscriptionState;
-    /** Extra classes forwarded to the underlying Badge. */
-    class?: string;
-};
-/** Cinder-specific props for the SubscriptionBadge component, used by the schema generator. */
-export interface SubscriptionBadgeSchemaProps {
-    /**
-     * The billing lifecycle state to display.
-     * Determines the badge tone, icon, and label automatically.
-     */
-    state: SubscriptionState;
-    /** Extra classes forwarded to the underlying Badge. */
-    class?: string;
-}