@sabrenski/spire-ui-vue 0.3.8 → 0.3.10

package/dist/components/Stepper/Stepper.vue.d.ts

@@ -0,0 +1,43 @@
+import { StepperProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<StepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    error: (stepIndex: number) => any;
+    complete: (stepIndex: number) => any;
+    change: (payload: {
+        current: number;
+        previous: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<StepperProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onError?: ((stepIndex: number) => any) | undefined;
+    onComplete?: ((stepIndex: number) => any) | undefined;
+    onChange?: ((payload: {
+        current: number;
+        previous: number;
+    }) => any) | undefined;
+}>, {
+    size: import('./types').StepperSize;
+    disabled: boolean;
+    disableAnimation: boolean;
+    linear: boolean;
+    color: import('./types').StepperColor;
+    orientation: import('./types').StepperOrientation;
+    showConnector: boolean;
+    autoComplete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Stepper/StepperContent.vue.d.ts

@@ -0,0 +1,21 @@
+import { StepperContentProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<StepperContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StepperContentProps> & Readonly<{}>, {
+    forceVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Stepper/StepperStep.vue.d.ts

@@ -0,0 +1,26 @@
+import { StepperStepProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<StepperStepProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StepperStepProps> & Readonly<{}>, {
+    warning: boolean;
+    disabled: boolean;
+    error: boolean;
+    completed: boolean;
+    hideConnector: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Stepper } from './Stepper.vue';
+export { default as StepperStep } from './StepperStep.vue';
+export { default as StepperContent } from './StepperContent.vue';
+export * from './types';

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

@@ -0,0 +1,141 @@
+import { InjectionKey, Ref, ComputedRef } from 'vue';
+import { IconProp } from '../Icon/types';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperSize = 'xs' | 'sm' | 'md' | 'lg';
+export type StepperColor = 'primary' | 'success' | 'secondary';
+export type StepState = 'pending' | 'active' | 'completed' | 'error' | 'warning' | 'disabled';
+export interface StepData {
+    /** Registration index */
+    index: number;
+    /** Custom key identifier */
+    key?: string;
+    /** DOM element reference */
+    element: HTMLElement | null;
+    /** Step is disabled */
+    disabled: boolean;
+    /** Step is completed */
+    completed: boolean;
+    /** Step has error */
+    error: boolean;
+    /** Step has warning */
+    warning: boolean;
+}
+export interface StepperProps {
+    /** Currently active step index (v-model) */
+    modelValue?: number;
+    /** Default active step for uncontrolled mode */
+    defaultValue?: number;
+    /** Orientation of the stepper layout */
+    orientation?: StepperOrientation;
+    /** Allow navigation to any step or require sequential completion */
+    linear?: boolean;
+    /** Size variant */
+    size?: StepperSize;
+    /** Color scheme for active/completed states */
+    color?: StepperColor;
+    /** Disable all steps */
+    disabled?: boolean;
+    /** Disable transition animations */
+    disableAnimation?: boolean;
+    /** Show connector lines between steps */
+    showConnector?: boolean;
+    /** Completed steps (set of step indices) */
+    completedSteps?: Set<number> | number[];
+    /** Steps with error state */
+    errorSteps?: Set<number> | number[];
+    /** Steps with warning state */
+    warningSteps?: Set<number> | number[];
+    /** Auto-mark previous steps as completed when navigating forward */
+    autoComplete?: boolean;
+}
+export interface StepperStepProps {
+    /** Unique key for this step (uses index if not provided) */
+    stepKey?: string;
+    /** Step title/label */
+    title?: string;
+    /** Optional description text */
+    description?: string;
+    /** Icon for default state */
+    icon?: IconProp;
+    /** Icon for completed state (defaults to checkmark) */
+    completedIcon?: IconProp;
+    /** Icon for error state (defaults to X) */
+    errorIcon?: IconProp;
+    /** Icon for warning state (defaults to exclamation) */
+    warningIcon?: IconProp;
+    /** Disable this specific step */
+    disabled?: boolean;
+    /** Force this step to show as completed */
+    completed?: boolean;
+    /** Force this step to show error state */
+    error?: boolean;
+    /** Force this step to show warning state */
+    warning?: boolean;
+    /** Hide the connector after this step */
+    hideConnector?: boolean;
+}
+export interface StepperContentProps {
+    /** Index of the step this content belongs to */
+    stepIndex: number;
+    /** Force visibility regardless of active state */
+    forceVisible?: boolean;
+}
+export interface StepperContext {
+    /** Currently active step index */
+    activeStep: ComputedRef<number>;
+    /** Total number of registered steps */
+    totalSteps: ComputedRef<number>;
+    /** Stepper orientation */
+    orientation: Ref<StepperOrientation>;
+    /** Linear navigation mode */
+    linear: Ref<boolean>;
+    /** Size variant */
+    size: Ref<StepperSize>;
+    /** Color scheme */
+    color: Ref<StepperColor>;
+    /** Global disabled state */
+    disabled: Ref<boolean>;
+    /** Animation disabled */
+    disableAnimation: Ref<boolean>;
+    /** Show connectors */
+    showConnector: Ref<boolean>;
+    /** Auto-complete previous steps */
+    autoComplete: Ref<boolean>;
+    /** Set of completed step indices */
+    completedSteps: ComputedRef<Set<number>>;
+    /** Set of error step indices */
+    errorSteps: ComputedRef<Set<number>>;
+    /** Set of warning step indices */
+    warningSteps: ComputedRef<Set<number>>;
+    /** Registered steps data */
+    registeredSteps: Ref<Map<number, StepData>>;
+    /** Step indices in registration order */
+    stepKeys: Ref<number[]>;
+    /** Navigate to a specific step */
+    goToStep: (step: number) => void;
+    /** Go to next step */
+    nextStep: () => void;
+    /** Go to previous step */
+    previousStep: () => void;
+    /** Mark a step as completed */
+    completeStep: (step: number) => void;
+    /** Set error state on a step */
+    setStepError: (step: number, hasError: boolean) => void;
+    /** Set warning state on a step */
+    setStepWarning: (step: number, hasWarning: boolean) => void;
+    /** Register a step */
+    registerStep: (index: number, data: Omit<StepData, 'index'>) => void;
+    /** Unregister a step */
+    unregisterStep: (index: number) => void;
+    /** Update step element reference */
+    updateStepElement: (index: number, element: HTMLElement | null) => void;
+    /** Get step state */
+    getStepState: (index: number) => StepState;
+    /** Check if step is navigable */
+    canNavigateTo: (index: number) => boolean;
+    /** Get unique ID for step indicator */
+    getStepId: (index: number) => string;
+    /** Get unique ID for content panel */
+    getPanelId: (index: number) => string;
+}
+export declare const STEPPER_INJECTION_KEY: InjectionKey<StepperContext>;

package/dist/components/index.d.ts

@@ -52,6 +52,7 @@ export * from './Slider';
 export * from './Sparkline';
 export * from './Spinner';
 export * from './StatsCard';
+export * from './Stepper';
 export * from './Switch';
 export * from './Tabs';
 export * from './Table';