@lostgradient/cinder 0.5.0 → 0.6.0

package/dist/components/source-diff-viewer/source-diff-viewer.css

@@ -0,0 +1,129 @@
+@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@layer cinder.components {
+  .cinder-source-diff-viewer {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    border: 1px solid var(--cinder-border);
+    border-radius: var(--cinder-radius-md);
+    background: var(--cinder-surface-inset);
+    color: var(--cinder-text);
+    font-family: var(--cinder-font-mono);
+    font-size: var(--cinder-text-sm);
+    line-height: var(--cinder-leading-relaxed);
+  }
+
+  .cinder-source-diff-viewer__empty {
+    margin: 0;
+    padding: var(--cinder-space-4);
+    color: var(--cinder-text-muted);
+    font-family: var(--cinder-font-sans);
+  }
+
+  .cinder-source-diff-viewer__notice {
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+    border-bottom: 1px solid var(--cinder-border-muted);
+    background: var(--cinder-color-warning-bg);
+    color: var(--cinder-color-warning-fg);
+    font-family: var(--cinder-font-sans);
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-source-diff-viewer__file + .cinder-source-diff-viewer__file {
+    border-top: 1px solid var(--cinder-border);
+  }
+
+  .cinder-source-diff-viewer__file-header {
+    display: flex;
+    align-items: center;
+    min-block-size: 2rem;
+    padding: var(--cinder-space-1-5) var(--cinder-space-3);
+    border-bottom: 1px solid var(--cinder-border-muted);
+    background: var(--cinder-surface-raised);
+  }
+
+  .cinder-source-diff-viewer__file-path {
+    overflow-wrap: anywhere;
+    color: var(--cinder-text);
+    font-weight: var(--cinder-font-medium);
+    white-space: break-spaces;
+  }
+
+  .cinder-source-diff-viewer__metadata {
+    display: grid;
+    gap: var(--cinder-space-0-5);
+    padding: var(--cinder-space-2) var(--cinder-space-3);
+    border-bottom: 1px solid var(--cinder-border-muted);
+    color: var(--cinder-text-muted);
+    background: var(--cinder-surface-inset);
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-source-diff-viewer__metadata code {
+    font: inherit;
+    overflow-wrap: anywhere;
+    white-space: break-spaces;
+  }
+
+  .cinder-source-diff-viewer__hunk + .cinder-source-diff-viewer__hunk {
+    border-top: 1px solid var(--cinder-border-muted);
+  }
+
+  .cinder-source-diff-viewer__hunk-header {
+    padding: var(--cinder-space-1) var(--cinder-space-3);
+    background: var(--cinder-surface-inset);
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-xs);
+    overflow-wrap: anywhere;
+    white-space: break-spaces;
+  }
+
+  .cinder-source-diff-viewer__lines {
+    display: grid;
+  }
+
+  .cinder-source-diff-viewer__line {
+    display: grid;
+    grid-template-columns: 4.5ch 4.5ch minmax(0, 1fr);
+    min-inline-size: 100%;
+    border-top: 1px solid transparent;
+    font-variant-ligatures: none;
+  }
+
+  .cinder-source-diff-viewer__line:first-child {
+    border-top: 0;
+  }
+
+  .cinder-source-diff-viewer__line[data-cinder-line-kind='addition'] {
+    background: var(--cinder-color-success-bg);
+  }
+
+  .cinder-source-diff-viewer__line[data-cinder-line-kind='removal'] {
+    background: var(--cinder-color-danger-bg);
+  }
+
+  .cinder-source-diff-viewer__line[data-cinder-line-kind='context'],
+  .cinder-source-diff-viewer__line[data-cinder-line-kind='metadata'] {
+    background: var(--cinder-surface-inset);
+  }
+
+  .cinder-source-diff-viewer__line-number {
+    padding: 0 var(--cinder-space-2);
+    border-inline-end: 1px solid var(--cinder-border-muted);
+    color: var(--cinder-text-muted);
+    text-align: end;
+    user-select: none;
+  }
+
+  .cinder-source-diff-viewer__line-code {
+    padding: 0 var(--cinder-space-3);
+    overflow-wrap: anywhere;
+    white-space: break-spaces;
+    color: var(--cinder-text);
+    font: inherit;
+  }
+
+  .cinder-source-diff-viewer__line:not(:has(.cinder-source-diff-viewer__line-number)) {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}

package/dist/components/source-diff-viewer/source-diff-viewer.css.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/source-diff-viewer/source-diff-viewer.schema.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentSchema } from '../../schema-types';
+declare const _default: ComponentSchema;
+export default _default;

package/dist/components/source-diff-viewer/source-diff-viewer.schema.js

@@ -0,0 +1,96 @@
+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);
+}
+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/source-diff-viewer/source-diff-viewer.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    patch: {
+      type: "string",
+      description: "Unified patch text to parse and render."
+    },
+    ariaLabel: {
+      type: "string",
+      description: "Accessible label for the diff region."
+    },
+    maxLines: {
+      type: "integer",
+      description: "Maximum number of diff rows to render before truncating.",
+      minimum: 0,
+      default: 1000
+    },
+    lineNumbers: {
+      type: "boolean",
+      description: "Whether old and new line-number gutters are rendered.",
+      default: true
+    },
+    emptyMessage: {
+      type: "string",
+      description: "Message shown when the patch is empty or contains no diffable rows.",
+      default: "No patch lines to display."
+    },
+    class: {
+      type: "string",
+      description: "Additional CSS classes merged with `.cinder-source-diff-viewer`."
+    }
+  },
+  additionalProperties: false,
+  required: ["patch"]
+};
+var source_diff_viewer_schema_default = schema;
+export {
+  source_diff_viewer_schema_default as default
+};
+
+//# debugId=6D1C99910FC22B4D64756E2164756E21

package/dist/components/source-diff-viewer/source-diff-viewer.svelte.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @cinder
+ * @category data-display
+ * @status beta
+ * @purpose Lightweight unified-patch viewer for source-code and operational diffs with file headers, hunk headers, line state styling, and bounded rendering.
+ * @tag diff
+ * @tag source
+ * @tag code
+ * @useWhen Rendering source-code unified patches from agent output, Git operations, workspace changes, or review systems.
+ * @useWhen Showing operational patch output where file and hunk structure matters more than Markdown front matter or word-level prose review.
+ * @avoidWhen Comparing two Markdown documents with normalization, front-matter handling, and revert affordances. | diff-viewer
+ * @avoidWhen Showing syntax-highlighted code samples rather than patch output. | code-block
+ * @related diff-viewer, diff-statistics, code-block
+ */
+export type { SourceDiffFile, SourceDiffHunk, SourceDiffLine, SourceDiffLineKind, SourceDiffParseResult, SourceDiffViewerProps, } from './source-diff-viewer.types.ts';
+export { getSourceDiffFileLabel, getSourceDiffLineLabel, parseUnifiedPatch, } from './source-diff-viewer.utilities.ts';
+import type { SourceDiffViewerProps } from './source-diff-viewer.types.ts';
+declare const SourceDiffViewer: import("svelte").Component<SourceDiffViewerProps, {}, "">;
+type SourceDiffViewer = ReturnType<typeof SourceDiffViewer>;
+export default SourceDiffViewer;

package/dist/components/source-diff-viewer/source-diff-viewer.types.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export type SourceDiffLineKind = 'addition' | 'removal' | 'context' | 'metadata';
+export type SourceDiffLine = {
+    kind: SourceDiffLineKind;
+    content: string;
+    oldLineNumber: number | null;
+    newLineNumber: number | null;
+    metadataPrefix?: '\\';
+};
+export type SourceDiffHunk = {
+    header: string;
+    oldStart: number | null;
+    oldCount: number | null;
+    newStart: number | null;
+    newCount: number | null;
+    lines: SourceDiffLine[];
+};
+export type SourceDiffFile = {
+    oldPath: string | null;
+    newPath: string | null;
+    header: string | null;
+    metadata: string[];
+    hunks: SourceDiffHunk[];
+};
+export type SourceDiffParseResult = {
+    files: SourceDiffFile[];
+    totalLineCount: number;
+    renderedLineCount: number;
+    truncated: boolean;
+};
+export type SourceDiffViewerProps = Omit<HTMLAttributes<HTMLDivElement>, 'class'> & {
+    /** Unified patch text to parse and render. */
+    patch: string;
+    /** Accessible label for the diff region. */
+    ariaLabel?: string;
+    /** Maximum number of diff rows to render before truncating. */
+    maxLines?: number;
+    /** Whether old and new line-number gutters are rendered. */
+    lineNumbers?: boolean;
+    /** Message shown when the patch is empty or contains no diffable rows. */
+    emptyMessage?: string;
+    /** Additional CSS classes merged with `.cinder-source-diff-viewer`. */
+    class?: string;
+};

package/dist/components/source-diff-viewer/source-diff-viewer.utilities.d.ts

@@ -0,0 +1,6 @@
+import type { SourceDiffFile, SourceDiffLine, SourceDiffParseResult } from './source-diff-viewer.types.ts';
+export declare function getSourceDiffFileLabel(file: SourceDiffFile): string;
+export declare function getSourceDiffLineLabel(line: SourceDiffLine): string;
+export declare function parseUnifiedPatch(patch: string, options?: {
+    maxLines?: number;
+}): SourceDiffParseResult;

package/dist/components/source-diff-viewer/source-diff-viewer.variables.d.ts

@@ -0,0 +1,2 @@
+declare const variables: readonly string[];
+export default variables;

package/dist/components/source-diff-viewer/source-diff-viewer.variables.js

@@ -0,0 +1,61 @@
+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);
+}
+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/source-diff-viewer/source-diff-viewer.variables.ts
+var variables = [];
+var source_diff_viewer_variables_default = variables;
+export {
+  source_diff_viewer_variables_default as default
+};
+
+//# debugId=89F7E32CCD244DAC64756E2164756E21

package/dist/components/tabs/index.js

@@ -332,7 +332,7 @@ var root3 = $4.from_html(`<div><!></div>`);
 function Tabs($$anchor, $$props) {
   const baseId = $4.props_id();
   $4.push($$props, true);
-  let value = $4.prop($$props, "value", 15, ""), orientation = $4.prop($$props, "orientation", 3, "horizontal");
+  let value = $4.prop($$props, "value", 15, ""), orientation = $4.prop($$props, "orientation", 3, "horizontal"), fill = $4.prop($$props, "fill", 3, false);
   const effectiveActivateOnFocus = $4.derived(() => $$props.activateOnFocus ?? orientation() === "horizontal");
   const buttons = new Map;
   let version = $4.state(0);
@@ -500,6 +500,7 @@ function Tabs($$anchor, $$props) {
   $4.template_effect(($0) => {
     $4.set_class(div, 1, $0);
     $4.set_attribute(div, "data-cinder-orientation", orientation());
+    $4.set_attribute(div, "data-cinder-fill", fill() ? "" : undefined);
   }, [() => $4.clsx(classNames("cinder-tabs", $$props.class))]);
   $4.append($$anchor, div);
   $4.pop();
@@ -517,4 +518,4 @@ export {
   Tabs2 as Tabs
 };
 
-//# debugId=14C75842BDF6C14164756E2164756E21
+//# debugId=5819F492E117025564756E2164756E21

package/dist/components/tabs/tabs.css

@@ -22,6 +22,11 @@
     container-name: cinder-tabs;
   }
 
+  .cinder-tabs[data-cinder-fill] {
+    flex: 1 1 auto;
+    min-block-size: 0;
+  }
+
   .cinder-tabs[data-cinder-orientation='vertical'] {
     flex-direction: row;
   }
@@ -166,6 +171,7 @@
 
   .cinder-tab-panel {
     flex: 1 1 auto;
+    min-block-size: 0;
     padding: var(--cinder-space-2) 0;
     outline: none;
   }

package/dist/components/tabs/tabs.schema.js

@@ -64,6 +64,11 @@ var schema = {
       enum: ["horizontal", "vertical"],
       description: "Layout orientation. Affects which arrow keys move between tabs."
     },
+    fill: {
+      type: "boolean",
+      description: `Fill the available space when Tabs is placed inside a bounded flex parent,
+letting the active TabPanel occupy the remaining height.`
+    },
     activateOnFocus: {
       type: "boolean",
       description: `When true (default for horizontal), focusing a tab also activates it
@@ -97,4 +102,4 @@ export {
   tabs_schema_default as default
 };
 
-//# debugId=A946130297A0FC8864756E2164756E21
+//# debugId=AA3044107C0F453464756E2164756E21

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

@@ -62,6 +62,11 @@ export type TabsProps = {
     onValueChange?: (next: string) => string | void;
     /** Layout orientation. Affects which arrow keys move between tabs. */
     orientation?: TabsOrientation;
+    /**
+     * Fill the available space when Tabs is placed inside a bounded flex parent,
+     * letting the active TabPanel occupy the remaining height.
+     */
+    fill?: boolean;
     /**
      * When true (default for horizontal), focusing a tab also activates it
      * (the panel updates immediately). Vertical defaults to manual activation