@cjlapao/ui-kit-vue 0.2.0 → 0.2.3

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

@@ -1,49 +1,129 @@
 import type { VNode } from "vue";
 import type { ButtonVariant, ButtonSize, ButtonColor } from "./Button.vue";
-import type { IconSize } from "../types/Icon";
-import type { Size, TrueColor } from "../theme/Theme";
-export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
-/** Accepts all theme colors. The original five semantic names (neutral/info/success/warning/danger) are preserved unchanged. */
+import { type ControlSize, type SurfaceCorner, type SurfacePadding, type TrueColor } from "../theme/Theme";
+import type { GlassOpacity, GlassVibrancy, SpecularMode } from "../theme/glass";
+/**
+ * Every container surface, plus `plain` for an empty state dropped inside a
+ * card the app already owns — the common case, and previously only reachable
+ * by setting `disableBorder` *and* `transparentBackground` together.
+ */
+export declare const EMPTY_STATE_VARIANTS: readonly ["elevated", "outlined", "subtle", "tonal", "default", "glass", "simple", "liquid-glass", "plain"];
+export type EmptyStateVariant = (typeof EMPTY_STATE_VARIANTS)[number];
 export type EmptyStateTone = TrueColor;
+export type EmptyStateSize = ControlSize;
+/** @deprecated Use `size`, which now drives the whole type scale. */
+export type TextSize = ControlSize;
+type EmptyStateSizeTokens = {
+    /** Explicit icon dimensions — an empty state's glyph is far larger than a
+     *  control's, so it does not sit on the shared icon scale. */
+    icon: string;
+    /** Padding of the tinted disc behind the icon. */
+    iconPad: string;
+    title: string;
+    subtitle: string;
+    gap: string;
+    /** Space between the copy and the action row. */
+    actionGap: string;
+    action: ButtonSize;
+};
+declare const SIZE_STYLES: Record<EmptyStateSize, EmptyStateSizeTokens>;
 export interface EmptyStateProps {
     title?: string;
     subtitle?: string;
+    /** @default "outlined" */
+    variant?: EmptyStateVariant;
+    /** @default "neutral" */
+    tone?: EmptyStateTone;
+    /** Alias for `tone`, matching `Panel`. */
+    color?: TrueColor;
+    /** Corner radius, on the shared container scale. */
+    corner?: SurfaceCorner;
+    /** Container padding, on the shared container scale. @default "lg" */
+    padding?: SurfacePadding;
+    /**
+     * Density — icon, type scale, gaps and the action button's default size.
+     * @default "md"
+     */
+    size?: EmptyStateSize;
+    /** @deprecated Use `size`. Ignored when `size` is set. */
+    textSize?: ControlSize;
+    /**
+     * The dashed rule that marks a drop zone or a slot waiting to be filled.
+     * Drawn as an `outline` rather than a border so it works on every variant,
+     * including the ring-based ones, without fighting the card's own border.
+     * @default true
+     */
+    dashed?: boolean;
+    /**
+     * A registry icon name or a node. The default used to be `"Plus"`, which is
+     * not in the registry — so every default empty state rendered CustomIcon's
+     * missing-icon placeholder rather than a glyph. The name is `"Add"`.
+     * @default "Add"
+     */
+    icon?: string | VNode;
+    /** @default true */
+    showIcon?: boolean;
+    /** Overrides the dimensions the `size` would have chosen. */
+    iconSize?: string;
+    /** Overrides the tone for the glyph only. */
+    iconColor?: TrueColor;
+    /**
+     * Tinted disc behind the glyph. It used to be a square `dark:bg-white/5`
+     * with no light-mode partner, so it appeared out of nowhere in dark mode.
+     * @default true
+     */
+    iconBackground?: boolean;
     actionLabel?: string;
     onAction?: () => void;
     actionVariant?: ButtonVariant;
     actionColor?: ButtonColor;
-    icon?: string | VNode;
-    iconSize?: IconSize;
-    iconColor?: TrueColor;
-    textSize?: TextSize;
-    showIcon?: boolean;
-    tone?: EmptyStateTone;
-    disableBorder?: boolean;
-    transparentBackground?: boolean;
-    fullWidth?: boolean;
-    fullHeight?: boolean;
     actionSize?: ButtonSize;
     actionLeadingIcon?: string | VNode;
-    size?: Size;
+    /**
+     * The action is in flight. `Button` swaps its leading icon for a spinner and
+     * blocks the press, so a retry cannot be fired twice while the first one is
+     * still running.
+     */
+    actionLoading?: boolean;
+    actionDisabled?: boolean;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    /** @deprecated Use `variant="plain"`. */
+    disableBorder?: boolean;
+    /** @deprecated Use `variant="plain"`. */
+    transparentBackground?: boolean;
+    /** Glass fill transparency, for the see-through variants. */
+    glassOpacity?: GlassOpacity;
+    /** Backdrop vibrancy, for the see-through variants. */
+    vibrancy?: GlassVibrancy;
+    /** Specular highlight, for the see-through variants. */
+    specularMode?: SpecularMode;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<EmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
+export { SIZE_STYLES as EMPTY_STATE_SIZE_STYLES };
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<EmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<EmptyStateProps> & Readonly<{
+    onAction?: (() => any) | undefined;
+}>, {
     icon: string | VNode;
-    tone: EmptyStateTone;
-    size: Size;
+    variant: EmptyStateVariant;
+    corner: SurfaceCorner;
+    dashed: boolean;
     fullWidth: boolean;
-    actionVariant: ButtonVariant;
-    actionColor: ButtonColor;
-    iconSize: IconSize;
-    textSize: TextSize;
+    padding: SurfacePadding;
     showIcon: boolean;
+    iconBackground: boolean;
+    actionLoading: boolean;
+    actionDisabled: boolean;
+    fullHeight: boolean;
     disableBorder: boolean;
     transparentBackground: boolean;
-    fullHeight: boolean;
-    actionSize: ButtonSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     title?: (props: {}) => any;
 } & {
     subtitle?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,6 @@
+import type { ValidationStatus } from "../theme/Theme";
 type FormFieldLayout = "stacked" | "inline";
-type FormFieldValidationStatus = "none" | "error" | "success";
+type FormFieldValidationStatus = ValidationStatus;
 type FormFieldWidth = "auto" | "full";
 export interface FormFieldProps {
     label?: string;

package/dist/types/vue/src/components/Gantt/Gantt.test.d.ts

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

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

@@ -0,0 +1,160 @@
+import type { GanttBarGeometry, GanttColumn, GanttDate, GanttLabels, GanttLane, GanttLink, GanttSnap, GanttTask, TrueColor } from "../../../../common/gantt";
+import type { VNodeChild } from "vue";
+import type { PanelCorner, PanelPadding, PanelVariant } from "../Panel.vue";
+export type { GanttTask, GanttLink, GanttLane, GanttColumn, GanttSnap, GanttLabels, TrueColor };
+/** The Panel surface variant driving the Gantt chrome (re-exported name). */
+export type GanttVariant = PanelVariant;
+/** The shared container radius scale (re-exported Panel `corner` scale). */
+export type GanttCorner = PanelCorner;
+/** The shared container padding scale (re-exported Panel `padding` scale). */
+export type GanttPadding = PanelPadding;
+export { mergeGanttLabels } from "./labels";
+export interface GanttProps {
+    /** The task list (controlled). Parents/children via `task.parent`. */
+    tasks: GanttTask[];
+    /** Dependencies (controlled). Omit for a bar-only chart. */
+    links?: GanttLink[];
+    /** Swimlanes / group bands. Tasks are assigned via `task.lane`. */
+    lanes?: GanttLane[];
+    /** Left-panel columns. Defaults to name / owner / progress. */
+    columns?: GanttColumn[];
+    /**
+     * Chart header content. The header strip (above the column header) is
+     * always rendered — it carries the zoom selector at the right edge (after
+     * `actions`) — and these parts render when provided.
+     */
+    icon?: VNodeChild;
+    /** Small uppercase eyebrow rendered above the `title`. */
+    subtitle?: string;
+    /** Large title line. */
+    title?: string;
+    /** Right-aligned actions region (e.g. a status pill). */
+    actions?: VNodeChild;
+    /**
+     * Enable pointer editing (move / resize / reorder / link). Defaults to
+     * `true` when a change listener is provided, or when set explicitly.
+     */
+    editable?: boolean;
+    /** Explicit per-lane top-level order (controlled). */
+    rowOrder?: string[];
+    /** Controlled selection. When omitted the selection is internal. */
+    selectedId?: string | null;
+    /** px per day. Controlled when provided with `onZoomChange`. */
+    zoom?: number;
+    /** Initial px per day when uncontrolled. Defaults to 16 (week). */
+    initialZoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    /** Snap for drag edits. Defaults to `"day"`. */
+    snap?: GanttSnap;
+    /** Draw the today marker line. Defaults to `true`. */
+    showToday?: boolean;
+    /** Override the today date (demo/tests). */
+    today?: GanttDate;
+    /** Row height in px. Defaults to 44. */
+    rowHeight?: number;
+    /** Total component height (px or CSS length). Defaults to 520. */
+    height?: number | string;
+    /** Accent colour for chrome (today marker, selection, default bars). */
+    color?: TrueColor;
+    /**
+     * Panel surface variant for the whole Gantt chrome — container fill,
+     * border, header and toolbar. Propagated to the controls and the hairline
+     * dividers through the shared surface tokens.
+     * @default "elevated"
+     */
+    variant?: GanttVariant;
+    /**
+     * Corner radius of the panel surface — the shared container scale
+     * (same `corner` vocabulary as Panel).
+     * @default "rounded-sm"
+     */
+    corner?: GanttCorner;
+    /**
+     * Inset around the whole chart, inside the panel surface (Panel's
+     * `padding` pass-through). The header seam and sticky columns keep
+     * working — the chart is simply framed by the surface.
+     * @default "none"
+     */
+    padding?: GanttPadding;
+    /**
+     * Backdrop vibrancy for the liquid-glass variant (Panel pass-through).
+     */
+    vibrancy?: "low" | "medium" | "high" | number;
+    /**
+     * Glass fill opacity for the liquid-glass variant (Panel pass-through).
+     * @default "frosted"
+     */
+    glassOpacity?: "frosted" | "light" | "clear" | number;
+    /** Show a loading skeleton. */
+    loading?: boolean;
+    /** Copy overrides. */
+    labels?: Partial<GanttLabels>;
+    /** Custom bar content; receives the task and its live geometry. */
+    renderBar?: (task: GanttTask, geo: GanttBarGeometry) => VNodeChild;
+    /** Custom cell content for user columns. */
+    renderCell?: (value: unknown, task: GanttTask, column: GanttColumn) => VNodeChild | null;
+    /**
+     * Enables drag-to-resize of the fixed columns (like `Table.resizableColumns`).
+     * Each column can opt out via `column.resizable = false`; the built-in
+     * progress column does.
+     */
+    resizableColumns?: boolean;
+    /**
+     * Initial column width map (`columnKey → pixels`). Serialise with
+     * `JSON.stringify` to save; parse and pass back to restore.
+     */
+    columnWidths?: Record<string, number>;
+    /**
+     * Locale for the scale/date labels. Defaults to the active kit i18n
+     * locale (built-in English when no provider is mounted).
+     */
+    locale?: string;
+}
+export interface GanttEmits {
+    (e: "tasks-change", tasks: GanttTask[]): void;
+    (e: "links-change", links: GanttLink[]): void;
+    (e: "reorder", order: string[]): void;
+    (e: "select", id: string | null): void;
+    (e: "zoom-change", zoom: number): void;
+    /** Emitted with the full column width map after a column resize. */
+    (e: "column-width-change", widths: Record<string, number>): void;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<GanttProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (id: string | null) => any;
+    reorder: (order: string[]) => any;
+    "tasks-change": (tasks: GanttTask[]) => any;
+    "links-change": (links: GanttLink[]) => any;
+    "zoom-change": (zoom: number) => any;
+    "column-width-change": (widths: Record<string, number>) => any;
+}, string, import("vue").PublicProps, Readonly<GanttProps> & Readonly<{
+    onSelect?: ((id: string | null) => any) | undefined;
+    onReorder?: ((order: string[]) => any) | undefined;
+    "onTasks-change"?: ((tasks: GanttTask[]) => any) | undefined;
+    "onLinks-change"?: ((links: GanttLink[]) => any) | undefined;
+    "onZoom-change"?: ((zoom: number) => any) | undefined;
+    "onColumn-width-change"?: ((widths: Record<string, number>) => any) | undefined;
+}>, {
+    height: number | string;
+    loading: boolean;
+    color: TrueColor;
+    variant: GanttVariant;
+    corner: GanttCorner;
+    padding: GanttPadding;
+    resizableColumns: boolean;
+    minZoom: number;
+    maxZoom: number;
+    links: GanttLink[];
+    initialZoom: number;
+    snap: GanttSnap;
+    showToday: boolean;
+    rowHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    empty?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/vue/src/components/Gantt/GanttBodyRow.vue.d.ts

@@ -0,0 +1,78 @@
+import type { GanttBarGeometry, GanttColumn, GanttLabels, GanttRow, GanttTask, TrueColor } from "../../../../common/gantt";
+import type { VNodeChild } from "vue";
+export interface GanttBodyRowProps {
+    row: GanttRow;
+    columns: GanttColumn[];
+    leftWidth: number;
+    timelineWidth: number;
+    rangeStart: number;
+    zoom: number;
+    color: TrueColor;
+    interactive: boolean;
+    /** Static port slots on this bar's edges (offsets from centre) — the
+     *  hover link handles avoid the fan and sit on the largest free slot. */
+    fanOut?: number[];
+    fanIn?: number[];
+    selected: boolean;
+    labels: GanttLabels;
+    /** Locale for date/aria strings. */
+    locale?: string;
+    renderCell?: (value: unknown, task: GanttTask, column: GanttColumn) => VNodeChild | null;
+    renderBar?: (task: GanttTask, geo: GanttBarGeometry) => VNodeChild;
+    drag: {
+        taskId: string;
+        kind: string;
+    } | null;
+    liveDates: {
+        start: number;
+        end: number;
+    } | null;
+    /** Live percent complete (0..1) while this row's progress knob is dragged. */
+    liveProgress?: number | null;
+    /** Live lane roll-up (0..1) while one of the lane's children is dragged. */
+    liveLane?: number | null;
+    /** Live group roll-up (0..1) while one of this row's descendants is dragged. */
+    liveRollup?: number | null;
+    selectionTokens: {
+        ring: string;
+        row: string;
+    };
+    /**
+     * Hairline divider classes (border colour) for row / cell edges — the
+     * Gantt passes its Panel surface divider so hairlines follow the variant.
+     */
+    dividerClass?: string;
+}
+export interface GanttBodyRowEmits {
+    (e: "grip-pointer-down", rowKey: string, task: GanttTask, ev: PointerEvent): void;
+    (e: "bar-pointer-down", task: GanttTask, ev: PointerEvent): void;
+    (e: "resize-pointer-down", task: GanttTask, edge: "start" | "end", ev: PointerEvent): void;
+    (e: "link-handle-pointer-down", task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number): void;
+    (e: "progress-pointer-down", task: GanttTask, ev: PointerEvent): void;
+    (e: "caret-click", taskId: string, isOpen: boolean): void;
+    (e: "lane-caret-click", laneId: string, isOpen: boolean): void;
+    (e: "select", id: string): void;
+    (e: "bar-keydown", ev: KeyboardEvent, task: GanttTask): void;
+}
+declare const _default: import("vue").DefineComponent<GanttBodyRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (id: string) => any;
+    "caret-click": (taskId: string, isOpen: boolean) => any;
+    "bar-pointer-down": (task: GanttTask, ev: PointerEvent) => any;
+    "resize-pointer-down": (task: GanttTask, edge: "start" | "end", ev: PointerEvent) => any;
+    "link-handle-pointer-down": (task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number | undefined) => any;
+    "progress-pointer-down": (task: GanttTask, ev: PointerEvent) => any;
+    "bar-keydown": (ev: KeyboardEvent, task: GanttTask) => any;
+    "grip-pointer-down": (rowKey: string, task: GanttTask, ev: PointerEvent) => any;
+    "lane-caret-click": (laneId: string, isOpen: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<GanttBodyRowProps> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    "onCaret-click"?: ((taskId: string, isOpen: boolean) => any) | undefined;
+    "onBar-pointer-down"?: ((task: GanttTask, ev: PointerEvent) => any) | undefined;
+    "onResize-pointer-down"?: ((task: GanttTask, edge: "start" | "end", ev: PointerEvent) => any) | undefined;
+    "onLink-handle-pointer-down"?: ((task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number | undefined) => any) | undefined;
+    "onProgress-pointer-down"?: ((task: GanttTask, ev: PointerEvent) => any) | undefined;
+    "onBar-keydown"?: ((ev: KeyboardEvent, task: GanttTask) => any) | undefined;
+    "onGrip-pointer-down"?: ((rowKey: string, task: GanttTask, ev: PointerEvent) => any) | undefined;
+    "onLane-caret-click"?: ((laneId: string, isOpen: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/GanttCell.vue.d.ts

@@ -0,0 +1,28 @@
+import type { GanttColumn, GanttTask } from "../../../../common/gantt";
+import type { VNodeChild } from "vue";
+export interface GanttCellProps {
+    col: GanttColumn;
+    task: GanttTask;
+    depth: number;
+    isGroup: boolean;
+    childCount: number;
+    first: boolean;
+    /** Live percent complete (0..1) while this task's progress knob is dragged. */
+    liveProgress?: number | null;
+    /** Live group roll-up (0..1) while one of this group's descendants is dragged. */
+    liveRollup?: number | null;
+    /** Committed roll-up (0..1) for a group row — groups display their children's roll-up, not an own value. */
+    rowProgress?: number | null;
+    renderCell?: (value: unknown, task: GanttTask, column: GanttColumn) => VNodeChild | null;
+    /** Hairline divider classes (border colour) for the cell's right edge. */
+    dividerClass?: string;
+}
+export interface GanttCellEmits {
+    (e: "caret-click", taskId: string, isOpen: boolean): void;
+}
+declare const _default: import("vue").DefineComponent<GanttCellProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "caret-click": (taskId: string, isOpen: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<GanttCellProps> & Readonly<{
+    "onCaret-click"?: ((taskId: string, isOpen: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/GanttLinkLayer.vue.d.ts

@@ -0,0 +1,22 @@
+import type { GanttLink, GanttLinkPath, TrueColor } from "../../../../common/gantt";
+import type { GanttRubberPreview } from "./types";
+export interface GanttLinkLayerProps {
+    width: number;
+    height: number;
+    paths: GanttLinkPath[];
+    color: TrueColor;
+    selected: GanttLink | null;
+    rubber: GanttRubberPreview | null;
+    interactive: boolean;
+    /** Remove the currently-selected link (floating delete control / dbl-click). */
+    onDeleteLink?: (link: GanttLink) => void;
+}
+export interface GanttLinkLayerEmits {
+    (e: "select-link", link: GanttLink | null): void;
+}
+declare const _default: import("vue").DefineComponent<GanttLinkLayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "select-link": (link: GanttLink | null) => any;
+}, string, import("vue").PublicProps, Readonly<GanttLinkLayerProps> & Readonly<{
+    "onSelect-link"?: ((link: GanttLink | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/GanttScale.vue.d.ts

@@ -0,0 +1,7 @@
+import type { GanttTimeScaleLevel } from "../../../../common/gantt";
+export interface GanttScaleProps {
+    levels: GanttTimeScaleLevel[];
+    height: number;
+}
+declare const _default: import("vue").DefineComponent<GanttScaleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<GanttScaleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/GanttTaskBar.vue.d.ts

@@ -0,0 +1,53 @@
+import type { GanttBarGeometry, GanttLabels, GanttRow, GanttTask, TrueColor } from "../../../../common/gantt";
+import type { VNodeChild } from "vue";
+export interface GanttTaskBarProps {
+    task: GanttTask;
+    row: GanttRow;
+    rangeStart: number;
+    zoom: number;
+    color: TrueColor;
+    interactive: boolean;
+    fanOut?: number[];
+    fanIn?: number[];
+    selected: boolean;
+    labels: GanttLabels;
+    /** Locale for date/aria strings. */
+    locale?: string;
+    isDraggingThis: boolean;
+    liveDates: {
+        start: number;
+        end: number;
+    } | null;
+    /** Live percent complete (0..1) while this bar's progress knob is dragged. */
+    liveProgress?: number | null;
+    /** Live group roll-up (0..1) while one of this group's descendants is dragged. */
+    liveRollup?: number | null;
+    renderBar?: (task: GanttTask, geo: GanttBarGeometry) => VNodeChild;
+    selectionTokens: {
+        ring: string;
+    };
+}
+export interface GanttTaskBarEmits {
+    (e: "bar-pointer-down", task: GanttTask, ev: PointerEvent): void;
+    (e: "resize-pointer-down", task: GanttTask, edge: "start" | "end", ev: PointerEvent): void;
+    (e: "link-handle-pointer-down", task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number): void;
+    (e: "progress-pointer-down", task: GanttTask, ev: PointerEvent): void;
+    (e: "select", id: string): void;
+    (e: "bar-keydown", ev: KeyboardEvent, task: GanttTask): void;
+}
+declare const _default: import("vue").DefineComponent<GanttTaskBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (id: string) => any;
+    "bar-pointer-down": (task: GanttTask, ev: PointerEvent) => any;
+    "resize-pointer-down": (task: GanttTask, edge: "start" | "end", ev: PointerEvent) => any;
+    "link-handle-pointer-down": (task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number | undefined) => any;
+    "progress-pointer-down": (task: GanttTask, ev: PointerEvent) => any;
+    "bar-keydown": (ev: KeyboardEvent, task: GanttTask) => any;
+}, string, import("vue").PublicProps, Readonly<GanttTaskBarProps> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    "onBar-pointer-down"?: ((task: GanttTask, ev: PointerEvent) => any) | undefined;
+    "onResize-pointer-down"?: ((task: GanttTask, edge: "start" | "end", ev: PointerEvent) => any) | undefined;
+    "onLink-handle-pointer-down"?: ((task: GanttTask, side: 1 | -1, ev: PointerEvent, fromOffset?: number | undefined) => any) | undefined;
+    "onProgress-pointer-down"?: ((task: GanttTask, ev: PointerEvent) => any) | undefined;
+    "onBar-keydown"?: ((ev: KeyboardEvent, task: GanttTask) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/GanttToolbar.vue.d.ts

@@ -0,0 +1,22 @@
+import type { GANTT_ZOOM_PRESET } from "../../../../common/gantt";
+import type { SurfaceVariant } from "../../theme/Theme";
+export interface GanttToolbarProps {
+    /** Gantt surface variant the pill should match. @default "elevated" */
+    variant?: SurfaceVariant;
+    zoom: number;
+    presets: GANTT_ZOOM_PRESET[];
+}
+export interface GanttToolbarEmits {
+    (e: "zoom-to", value: number): void;
+    (e: "zoom-by", factor: number): void;
+}
+declare const _default: import("vue").DefineComponent<GanttToolbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "zoom-to": (value: number) => any;
+    "zoom-by": (factor: number) => any;
+}, string, import("vue").PublicProps, Readonly<GanttToolbarProps> & Readonly<{
+    "onZoom-to"?: ((value: number) => any) | undefined;
+    "onZoom-by"?: ((factor: number) => any) | undefined;
+}>, {
+    variant: SurfaceVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/vue/src/components/Gantt/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Gantt — public surface (Vue kit).
+ *
+ * The `Gantt` component plus the framework-agnostic engine values/types
+ * (re-exported from `common/gantt`) so consumers can import the data model
+ * from one place:
+ *
+ * ```vue
+ * <script setup>
+ * import { Gantt, sampleGantt } from "@cjlapao/ui-kit-vue";
+ * </script>
+ * ```
+ */
+export { default as Gantt } from "./Gantt.vue";
+export type { GanttProps, GanttEmits, GanttVariant, GanttCorner, GanttPadding, } from "./Gantt.vue";
+export { mergeGanttLabels } from "./labels";
+export { sampleGantt, sampleGanttLanes, sampleGanttTasks, sampleGanttLinks, GANTT_ZOOM_PRESETS, GANTT_MIN_ZOOM, GANTT_MAX_ZOOM, DEFAULT_GANTT_LABELS, } from "../../../../common/gantt";
+export type { GanttTask, GanttLink, GanttLane, GanttColumn, GanttSnap, GanttLabels, GanttDate, GanttTaskType, GanttLinkType, TrueColor, } from "../../../../common/gantt";

package/dist/types/vue/src/components/Gantt/labels.d.ts

@@ -0,0 +1,3 @@
+import type { GanttLabels } from "../../../../common/gantt";
+/** Merge user copy overrides with the Gantt defaults. */
+export declare function mergeGanttLabels(overrides?: Partial<GanttLabels>): GanttLabels;

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

@@ -0,0 +1,11 @@
+import type { GanttLinkPoint, TrueColor } from "../../../../common/gantt";
+/** A rubber-band path preview for an in-flight dependency drag. */
+export interface GanttRubberPreview {
+    d: string;
+    color: TrueColor;
+    /** Arrowhead polygon (present when the pointer is over a target bar). */
+    arrow?: string;
+    /** Port anchors: source right edge and the target left edge / pointer. */
+    from: GanttLinkPoint;
+    to: GanttLinkPoint;
+}