@lostgradient/cinder 0.1.1 → 0.2.0

package/dist/components/waveform/waveform.css

@@ -0,0 +1,53 @@
+@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 {
+    margin: 0;
+    color: var(--cinder-text-muted);
+    font-size: var(--cinder-text-sm);
+  }
+
+  .cinder-waveform__viewport {
+    position: relative;
+  }
+
+  .cinder-waveform svg {
+    display: block;
+    inline-size: 100%;
+    block-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;
+    inset: 0;
+    display: grid;
+    place-items: center;
+    color: var(--cinder-text-muted);
+    background: color-mix(in oklch, var(--cinder-surface) 88%, transparent);
+    z-index: 1;
+  }
+}

package/dist/components/waveform/waveform.schema.d.ts

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

package/dist/components/waveform/waveform.schema.js

@@ -0,0 +1,98 @@
+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/waveform/waveform.schema.ts
+var schema = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  type: "object",
+  properties: {
+    label: {
+      type: "string"
+    },
+    description: {
+      type: "string"
+    },
+    data: {
+      type: "array",
+      items: {
+        type: "number"
+      }
+    },
+    renderMode: {
+      enum: ["path", "bars"]
+    },
+    height: {
+      type: "number"
+    },
+    loading: {
+      type: "boolean"
+    },
+    dataTableVisibility: {
+      enum: ["screen-reader-only", "visible", "hidden"]
+    },
+    dataTableCaption: {
+      type: "string"
+    },
+    class: {
+      type: "string"
+    }
+  },
+  additionalProperties: false,
+  required: ["data", "label"]
+};
+var waveform_schema_default = schema;
+export {
+  waveform_schema_default as default
+};
+
+//# debugId=F54207AF781CCA6164756E2164756E21

package/dist/components/waveform/waveform.svelte.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @cinder
+ * @category data-display
+ * @status alpha
+ * @purpose Responsive SVG rendering of time-domain audio amplitude data as a waveform path or bar display.
+ * @tag chart
+ * @tag waveform
+ * @tag signal
+ * @tag audio
+ * @useWhen Visualizing pre-recorded or pre-processed audio amplitude samples in a static display.
+ * @useWhen Showing an audio waveform thumbnail or preview with mocked or pre-computed sample data.
+ * @avoidWhen Real-time live audio capture is needed — wire AudioContext / AnalyserNode yourself and feed samples as props.
+ * @avoidWhen Frequency-domain data — use spectrum-chart or spectrogram instead.
+ * @related spectrum-chart, spectrogram, bar-chart, line-chart
+ */
+export type { WaveformProps, WaveformSchemaProps } from './waveform.types.ts';
+import type { WaveformProps } from './waveform.types.ts';
+declare const Waveform: import("svelte").Component<WaveformProps, {}, "">;
+type Waveform = ReturnType<typeof Waveform>;
+export default Waveform;

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

@@ -0,0 +1,42 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { ChartDataTableVisibility } from '../chart.types.ts';
+export type WaveformRenderMode = 'path' | 'bars';
+export type WaveformProps = Omit<HTMLAttributes<HTMLElement>, 'class'> & {
+    /** Accessible label for the waveform. Required for screen readers. */
+    label: string;
+    /** Optional description rendered below the label. */
+    description?: string;
+    /**
+     * Time-domain amplitude samples. Each value should be in the range [-1, 1].
+     * Values outside this range are clamped.
+     */
+    data: number[];
+    /** How to render the waveform: as a continuous path or vertical amplitude bars. Default `path`. */
+    renderMode?: WaveformRenderMode;
+    /** Pixel height of the chart. Default `80`. */
+    height?: number;
+    /** Whether the waveform is in a loading state. */
+    loading?: boolean;
+    /** Controls data table visibility. Default `screen-reader-only`. */
+    dataTableVisibility?: ChartDataTableVisibility;
+    /** Custom data table caption; falls back to `label`. */
+    dataTableCaption?: string;
+    /** Custom class applied to the root element. */
+    class?: string;
+    /** Snippet rendered when the chart has no data. */
+    empty?: Snippet;
+    /** Snippet rendered while loading. */
+    loadingContent?: Snippet;
+};
+export type WaveformSchemaProps = {
+    label: string;
+    description?: string;
+    data: number[];
+    renderMode?: WaveformRenderMode;
+    height?: number;
+    loading?: boolean;
+    dataTableVisibility?: ChartDataTableVisibility;
+    dataTableCaption?: string;
+    class?: string;
+};

package/dist/components/waveform/waveform.variables.d.ts

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

package/dist/components/waveform/waveform.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/waveform/waveform.variables.ts
+var variables = [];
+var waveform_variables_default = variables;
+export {
+  waveform_variables_default as default
+};
+
+//# debugId=CF116EA14157060264756E2164756E21

package/dist/index.d.ts

@@ -34,9 +34,13 @@ export type { ButtonGroupOrientation, ButtonGroupProps } from './components/butt
 export { default as Callout } from './components/callout/index.ts';
 export type { CalloutProps, CalloutVariant } from './components/callout/index.ts';
 export { default as Card } from './components/card/index.ts';
-export type { CardProps, CardTone, CardVariant } from './components/card/index.ts';
+export type { CardPadding, CardProps, CardTone, CardVariant } from './components/card/index.ts';
 export { default as Chat } from './components/chat/index.ts';
 export type { ChatProps } from './components/chat/index.ts';
+export { default as ChoiceGrid } from './components/choice-grid/index.ts';
+export type { ChoiceGridColumns, ChoiceGridContext, ChoiceGridItemState, ChoiceGridProps, } from './components/choice-grid/index.ts';
+export { default as ChoiceGridItem } from './components/choice-grid-item/index.ts';
+export type { ChoiceGridItemProps } from './components/choice-grid-item/index.ts';
 export { default as Chip } from './components/chip/index.ts';
 export type { ChipDensity, ChipDisplayProps, ChipMode, ChipProps, ChipRemovableProps, ChipSize, ChipToggleProps, ChipVariant, } from './components/chip/index.ts';
 export { default as Checkbox } from './components/checkbox/index.ts';
@@ -78,6 +82,8 @@ export type { CopyButtonProps } from './components/copy-button/index.ts';
 export { copyToClipboard } from './utilities/clipboard.ts';
 export { default as DataList } from './components/data-list/index.ts';
 export type { DataListProps } from './components/data-list/index.ts';
+export { default as DataTable } from './components/data-table/index.ts';
+export type { DataTableColumn, DataTableProps, DataTableRow, } from './components/data-table/index.ts';
 export { default as DescriptionList } from './components/description-list/index.ts';
 export type { DescriptionListItem, DescriptionListProps, DescriptionListVariant, } from './components/description-list/index.ts';
 export { default as DiffStatistics } from './components/diff-statistics/index.ts';
@@ -91,7 +97,7 @@ export type { DrawerProps, DrawerSide, DrawerSize } from './components/drawer/in
 export { default as Dropdown } from './components/dropdown/index.ts';
 export type { DropdownContext, DropdownPlacement, DropdownProps, } from './components/dropdown/index.ts';
 export { default as DropdownItem } from './components/dropdown-item/index.ts';
-export type { DropdownItemProps, DropdownItemVariant } from './components/dropdown-item/index.ts';
+export type { DropdownItemAnchorProps, DropdownItemButtonProps, DropdownItemProps, DropdownItemVariant, } from './components/dropdown-item/index.ts';
 export { default as DropdownGroup } from './components/dropdown-group/index.ts';
 export type { DropdownGroupProps } from './components/dropdown-group/index.ts';
 export { default as DropdownLabel } from './components/dropdown-label/index.ts';
@@ -133,10 +139,14 @@ export { default as JsonSchemaEditor } from './components/json-schema-editor/ind
 export type { JsonSchemaDraft, JsonSchemaEditorChangeEvent, JsonSchemaEditorMode, JsonSchemaEditorProps, JsonSchemaEditorRevertEvent, JsonSchemaEditorView, JsonSchemaKnownDraft, JsonSchemaTypeName, JsonSchemaValidationError, JsonSchemaValidationResult, JsonSchemaValidationStatus, JsonSchemaValue, } from './components/json-schema-editor/index.ts';
 export { default as JsonViewer } from './components/json-viewer/index.ts';
 export type { JsonViewerProps } from './components/json-viewer/index.ts';
+export { default as CapabilityGate } from './components/capability-gate/index.ts';
+export type { CapabilityGateProps, CapabilityGateState, CapabilityGateVariant, } from './components/capability-gate/index.ts';
 export { default as KanbanBoard } from './components/kanban-board/index.ts';
 export type { KanbanBoardCardContext, KanbanBoardCardMoveChange, KanbanBoardChange, KanbanBoardCollapseChange, KanbanBoardColumn, KanbanBoardColumnContext, KanbanBoardColumnMoveChange, KanbanBoardProps, } from './components/kanban-board/index.ts';
 export { default as Kbd } from './components/kbd/index.ts';
 export type { KbdProps } from './components/kbd/index.ts';
+export { default as KeyboardShortcuts } from './components/keyboard-shortcuts/index.ts';
+export type { KeyboardShortcutEntry, KeyboardShortcutGroup, KeyboardShortcutsProps, } from './components/keyboard-shortcuts/index.ts';
 export { default as Label } from './components/label/index.ts';
 export type { LabelProps } from './components/label/index.ts';
 export { default as Link } from './components/link/index.ts';
@@ -145,12 +155,17 @@ export { default as LineChart } from './components/line-chart/index.ts';
 export type { LineChartProps, LineChartSchemaProps } from './components/line-chart/index.ts';
 export { default as LoadMore } from './components/load-more/index.ts';
 export type { LoadMoreProps } from './components/load-more/index.ts';
+export { default as MediaControls } from './components/media-controls/index.ts';
+export type { MediaControlsLayout, MediaControlsProps } from './components/media-controls/index.ts';
 export { default as MarkdownEditor } from './components/markdown-editor/index.ts';
 export type { EditorHandle, EditorMode, MarkdownEditorProps, ToolbarContext, } from './components/markdown-editor/index.ts';
 export { default as MenuBar } from './components/menu-bar/index.ts';
 export type { MenuBarEntry, MenuBarItem, MenuBarItemVariant, MenuBarLabel, MenuBarMenu, MenuBarProps, MenuBarSeparator, MenuBarSubmenu, MenuBarSubmenuEntry, } from './components/menu-bar/index.ts';
 export { default as Message } from './components/message/index.ts';
 export type { MessageProps, MessageRole } from './components/message/index.ts';
+export { default as MatrixChart } from './components/matrix-chart/index.ts';
+export type { MatrixChartProps, MatrixChartSchemaProps } from './components/matrix-chart/index.ts';
+export type { MatrixColorScale } from './components/matrix-chart/matrix-chart.types.ts';
 export { default as Modal } from './components/modal/index.ts';
 export type { ModalProps } from './components/modal/index.ts';
 export { default as NavigationBar } from './components/navigation-bar/index.ts';
@@ -169,6 +184,8 @@ export { default as PinInput } from './components/pin-input/index.ts';
 export type { PinInputMode, PinInputProps } from './components/pin-input/index.ts';
 export { default as Popover } from './components/popover/index.ts';
 export type { PopoverPlacement, PopoverProps, PopoverRole } from './components/popover/index.ts';
+export { default as PricingCard } from './components/pricing-card/index.ts';
+export type { PricingCardProps } from './components/pricing-card/index.ts';
 export { default as Progress } from './components/progress/index.ts';
 export type { ProgressProps, ProgressSize, ProgressVariant } from './components/progress/index.ts';
 export { default as RadioGroup } from './components/radio-group/index.ts';
@@ -193,8 +210,12 @@ export { default as Select } from './components/select/index.ts';
 export type { SelectOption, SelectProps } from './components/select/index.ts';
 export { default as SelectionPopover } from './components/selection-popover/index.ts';
 export type { SelectionPopoverPosition, SelectionPopoverProps, } from './components/selection-popover/index.ts';
+export { default as ShareCard } from './components/share-card/index.ts';
+export type { ShareCardAction, ShareCardProps } from './components/share-card/index.ts';
 export { default as Sheet } from './components/sheet/index.ts';
 export type { SheetProps } from './components/sheet/index.ts';
+export { default as ShortcutHint } from './components/shortcut-hint/index.ts';
+export type { ShortcutHintProps } from './components/shortcut-hint/index.ts';
 export { default as SideNavigation } from './components/side-navigation/index.ts';
 export type { SideNavigationProps } from './components/side-navigation/index.ts';
 export { default as SideNavigationGroup } from './components/side-navigation-group/index.ts';
@@ -208,10 +229,16 @@ export type { SortableListProps } from './components/sortable-list/index.ts';
 export type { SortableAnnouncements, SortableItemContext, SortableReorderChange, } from './utilities/sortable-controller.svelte.ts';
 export { default as Skeleton } from './components/skeleton/index.ts';
 export type { SkeletonProps } from './components/skeleton/index.ts';
+export { default as SkipLink } from './components/skip-link/index.ts';
+export type { SkipLinkProps, SkipLinkSchemaProps } from './components/skip-link/index.ts';
 export { default as Slider } from './components/slider/index.ts';
 export type { SliderMode, SliderProps, SliderValue } from './components/slider/index.ts';
 export { default as StackedListItem } from './components/stacked-list-item/index.ts';
 export type { StackedListItemDensity, StackedListItemProps, } from './components/stacked-list-item/index.ts';
+export { default as Spectrogram } from './components/spectrogram/index.ts';
+export type { SpectrogramFrame, SpectrogramProps, SpectrogramSchemaProps, } from './components/spectrogram/index.ts';
+export { default as SpectrumChart } from './components/spectrum-chart/index.ts';
+export type { SpectrumBin, SpectrumChartProps, SpectrumChartSchemaProps, } from './components/spectrum-chart/index.ts';
 export { default as Spinner } from './components/spinner/index.ts';
 export type { SpinnerProps, SpinnerSize } from './components/spinner/index.ts';
 export { default as Steps } from './components/steps/index.ts';
@@ -222,6 +249,8 @@ export { default as StatGroup } from './components/stat-group/index.ts';
 export type { StatGroupColumns, StatGroupProps, StatGroupVariant, } from './components/stat-group/index.ts';
 export { default as StatusDot } from './components/status-dot/index.ts';
 export type { StatusDotProps, StatusDotSize, StatusDotStatus, } from './components/status-dot/index.ts';
+export { default as SubscriptionBadge } from './components/subscription-badge/index.ts';
+export type { SubscriptionBadgeProps, SubscriptionState, } from './components/subscription-badge/index.ts';
 export { default as Surface } from './components/surface/index.ts';
 export type { SurfaceProps, SurfaceTone } from './components/surface/index.ts';
 export { default as Tab } from './components/tab/index.ts';
@@ -279,3 +308,5 @@ export { default as Typography } from './components/typography/index.ts';
 export type { TypographyElement, TypographyProps, TypographyVariant, } from './components/typography/index.ts';
 export { default as VisuallyHidden } from './components/visually-hidden/index.ts';
 export type { VisuallyHiddenElement, VisuallyHiddenProps, } from './components/visually-hidden/index.ts';
+export { default as Waveform } from './components/waveform/index.ts';
+export type { WaveformProps, WaveformRenderMode, WaveformSchemaProps, } from './components/waveform/index.ts';