@cjlapao/ui-kit-vue 0.2.0 → 0.2.5

package/dist/types/vue/src/components/ConnectionFlow/ConnectionFlowParallelGroup.vue.d.ts

@@ -1,17 +0,0 @@
-import type { TreeTone } from "../TreeView/types";
-import type { ConnectionFlowItem } from "./types";
-import type { ColumnGeometry } from "./ConnectionFlowColumn.vue";
-export interface ConnectionFlowParallelGroupProps {
-    items: ConnectionFlowItem[];
-    globalTone?: TreeTone;
-    itemWidth?: number | string;
-    hoverable?: boolean;
-}
-declare const _default: import("vue").DefineComponent<ConnectionFlowParallelGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    geometryChange: (geo: ColumnGeometry) => any;
-}, string, import("vue").PublicProps, Readonly<ConnectionFlowParallelGroupProps> & Readonly<{
-    onGeometryChange?: ((geo: ColumnGeometry) => any) | undefined;
-}>, {
-    hoverable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/vue/src/components/ConnectionFlow/types.d.ts

@@ -1,220 +0,0 @@
-import type { VNodeChild } from "vue";
-import type { TreeTone } from "../TreeView/types";
-export type ConnectionState = "flowing" | "stopped" | "disabled";
-export interface ConnectionFlowConnectorConfig {
-    /** Active flow state for this connector */
-    state?: ConnectionState;
-    /** Optional React element to render in the middle (e.g. an icon) */
-    icon?: VNodeChild;
-    /** Width of the connector band in px (default: 56) */
-    width?: number;
-    /** Whether to animate the flowing dots (default: true) */
-    animated?: boolean;
-    /** target px per dot cycle (default: 60) */
-    dotSpacing?: number;
-    /** Connector ring border width (default: 'xs') */
-    borderSize?: "fit" | "xs" | "sm" | "md" | "lg";
-    /** Whether to draw half-rings (default: true) */
-    halfRing?: boolean;
-    /** Show the horizontal line between rings (default: true) */
-    showLine?: boolean;
-    /** Override — force the source-side ring tone instead of inheriting from source item */
-    sourceTone?: TreeTone;
-    /** Override — force the target-side ring tone instead of inheriting from this item */
-    targetTone?: TreeTone;
-    /** Source ring background fill color (CSS string, e.g. '#22c55e' or 'rgba(...)') */
-    sourceFill?: string;
-    /** Source ring stroke/border color */
-    sourceBorder?: string;
-    /** Source ring center dot color */
-    sourceDot?: string;
-    /** Target ring background fill color */
-    targetFill?: string;
-    /** Target ring stroke/border color */
-    targetBorder?: string;
-    /** Target ring center dot color */
-    targetDot?: string;
-    /** Animated dot color (overrides what is derived from targetTone) */
-    dotColor?: string;
-    /**
-     * When true, flowing dots are shown even when this connector's state is `'stopped'`
-     * (i.e. already-traversed / completed edges also animate).
-     * Default: false
-     */
-    animateCompleted?: boolean;
-}
-export interface ConnectionFlowItem {
-    id: string;
-    icon?: VNodeChild;
-    iconClassName?: string;
-    title?: VNodeChild;
-    titleClassName?: string;
-    /** When true, the card title wraps on word boundaries up to 10 lines instead of truncating. Default: false */
-    titleWrap?: boolean;
-    /** When true, the card title stays on one line and scrolls horizontally. Default: false */
-    titleScroll?: boolean;
-    subtitle?: VNodeChild;
-    subtitleClassName?: string;
-    description?: VNodeChild;
-    descriptionClassName?: string;
-    /** Optional badge/status slot rendered below description, without tone-derived text styling. */
-    badge?: VNodeChild;
-    tone?: TreeTone;
-    body?: VNodeChild;
-    defaultExpanded?: boolean;
-    actions?: VNodeChild;
-    hoverActions?: VNodeChild;
-    /**
-     * Connector config for the edge leading INTO this item.
-     * If not provided, inherits from the ConnectionFlow's default state.
-     * Ignored for the first item (it has no predecessor).
-     */
-    connector?: ConnectionFlowConnectorConfig;
-    /**
-     * Children render vertically below this item's card using TreeView-style
-     * SVG connectors. The connector between this item and the next sibling
-     * spans the full column height (parent + children).
-     */
-    children?: ConnectionFlowItem[];
-    /**
-     * When true, this item has NO right-side connector to the next sibling
-     * (it terminates the horizontal flow after itself).
-     * Default: false
-     */
-    terminal?: boolean;
-    /**
-     * Active state — drives the vertical sub-tree dot animation color.
-     * Default: false
-     */
-    active?: boolean;
-    /**
-     * When true, this item is part of a parallel group. Consecutive items with
-     * parallel=true are rendered as a single vertical column instead of separate
-     * horizontal nodes. Fan-out (1→N) and fan-in (N→1) connectors are added automatically.
-     * Default: false
-     */
-    parallel?: boolean;
-    /**
-     * When true, the card shows a subtle hover lift effect (shadow + translate-y).
-     * Default: false
-     */
-    hoverable?: boolean;
-    /**
-     * When true, overlays a pulsing background animation on the card (uses the item's tone).
-     * Typically combined with `active: true` to indicate in-progress steps.
-     * Default: false
-     */
-    activePulse?: boolean;
-    /**
-     * When true, this step was skipped — the execution flow bypassed it.
-     * A visual bypass arc is drawn from the last non-skipped predecessor to the
-     * first non-skipped successor, arching over all consecutive skipped items.
-     * Default: false
-     */
-    skipped?: boolean;
-}
-export interface ConnectionFlowProps {
-    /** The nodes to render horizontally */
-    items: ConnectionFlowItem[];
-    /**
-     * Fallback state applied to any connector that doesn't have its own `state`.
-     * Default: 'flowing'
-     */
-    flowState?: ConnectionState;
-    /**
-     * Fallback icon shown in the middle of connectors (overridden per-item).
-     */
-    flowIcon?: VNodeChild;
-    /**
-     * Fallback connector width in px.
-     * Default: 56
-     */
-    connectorWidth?: number;
-    /**
-     * Whether flowing-dot animation is enabled globally.
-     * Default: true
-     */
-    animated?: boolean;
-    /**
-     * Target px between dots globally.
-     * Default: 60
-     */
-    dotSpacing?: number;
-    /**
-     * Ring border size globally.
-     * Default: 'xs'
-     */
-    connectorBorderSize?: "fit" | "xs" | "sm" | "md" | "lg";
-    /**
-     * Draw half-rings (matching TreeView half-connector style).
-     * Default: true
-     */
-    connectorHalf?: boolean;
-    /**
-     * Show the horizontal line between connectors.
-     * Default: true
-     */
-    showLine?: boolean;
-    /** Indent size for children sub-trees. Default: 'xs' */
-    childIndent?: "xs" | "sm" | "md" | "lg";
-    /** Row gap in px between children. Default: 8 */
-    childRowGap?: number;
-    /**
-     * If true, allows the flow to scroll horizontally/vertically if the container is smaller than the flow.
-     * Default: false
-     */
-    allowScroll?: boolean;
-    /**
-     * Set a fixed width for all items in the flow (e.g. 250, '300px').
-     * Primarily useful when `allowScroll` is enabled.
-     */
-    itemWidth?: number | string;
-    /**
-     * When true, automatically scales the entire flow down to fit the container width.
-     * Once the scale would go below `minScale`, the flow is clamped and allowed to scroll.
-     * Default: false
-     */
-    autoScale?: boolean;
-    /**
-     * Minimum CSS scale factor applied when `autoScale` is true.
-     * Below this value the flow falls back to horizontal scroll instead of shrinking further.
-     * Default: 0.55
-     */
-    minScale?: number;
-    /** Extra content to render to the right of the entire flow (e.g. an expand toggle) */
-    rightAction?: VNodeChild;
-    /**
-     * When true, connectors stretch to fill all remaining width instead of using a fixed
-     * pixel size. Card columns collapse to their natural content width. The connector icon
-     * is always positioned at the exact midpoint of the expanded connector.
-     * Default: false
-     */
-    fullWidthConnectors?: boolean;
-    /**
-     * When true, all cards in the flow show a hover lift effect.
-     * Default: false
-     */
-    hoverable?: boolean;
-    /**
-     * When true, flowing dots are rendered on `'stopped'` (completed / already-traversed)
-     * connectors in addition to `'flowing'` ones. Bypass arcs over skipped steps always
-     * animate when `animated` is true, regardless of this flag.
-     * Default: false
-     */
-    animateCompleted?: boolean;
-    /**
-     * When true, the engine automatically manages connector states and skipped detection
-     * based purely on each item's `tone`:
-     *
-     * - **Connector state** (when no explicit `connector.state` is set):
-     *   - Non-neutral source tone → `'stopped'` (solid toned line — step was traversed)
-     *   - Neutral source tone     → `'disabled'` (dashed gray  — step not yet reached)
-     *
-     * - **Skipped detection**: a neutral-tone item that has at least one non-neutral
-     *   successor is automatically treated as skipped — a bypass arc is drawn over it.
-     *
-     * Explicit per-item `connector.state` or `item.skipped` values always take precedence.
-     * Default: false
-     */
-    autoConnectorState?: boolean;
-}