@floegence/floe-webapp-core 0.15.3 → 0.15.4

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

@@ -0,0 +1,85 @@
+/**
+ * Stepper component for multi-step workflows.
+ * Displays a horizontal or vertical list of steps with visual indicators for progress.
+ */
+import { type JSX, type Accessor } from 'solid-js';
+export interface StepItem {
+    /** Unique identifier for the step */
+    id: string;
+    /** Display label for the step */
+    label: string;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Optional icon to show instead of step number */
+    icon?: JSX.Element;
+    /** Whether this step is optional (shows "(Optional)" badge) */
+    optional?: boolean;
+    /** Whether this step is disabled and cannot be clicked */
+    disabled?: boolean;
+}
+export type StepperVariant = 'default' | 'minimal' | 'dots';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperSize = 'sm' | 'md' | 'lg';
+export interface StepperProps {
+    /** List of steps to display */
+    steps: StepItem[];
+    /** Current active step (0-indexed) */
+    currentStep: number | Accessor<number>;
+    /** Callback when user clicks a step */
+    onStepClick?: (stepIndex: number, step: StepItem) => void;
+    /** Visual variant */
+    variant?: StepperVariant;
+    /** Layout orientation */
+    orientation?: StepperOrientation;
+    /** Size of step indicators */
+    size?: StepperSize;
+    /** Whether to show connector lines between steps */
+    showConnector?: boolean;
+    /** Whether clicking on completed steps is allowed */
+    allowClickCompleted?: boolean;
+    /** Whether clicking on future steps is allowed */
+    allowClickFuture?: boolean;
+    /** Additional CSS class */
+    class?: string;
+}
+export declare function Stepper(props: StepperProps): JSX.Element;
+export interface WizardStepContent {
+    /** Content to render for this step */
+    content: JSX.Element;
+}
+export interface WizardProps extends Omit<StepperProps, 'steps'> {
+    /** Steps with content */
+    steps: (StepItem & WizardStepContent)[];
+    /** Footer content (e.g., navigation buttons) */
+    footer?: JSX.Element;
+    /** Class for the content area */
+    contentClass?: string;
+    /** Class for the footer area */
+    footerClass?: string;
+}
+export declare function Wizard(props: WizardProps): JSX.Element;
+export interface UseWizardOptions {
+    /** Total number of steps */
+    totalSteps: number;
+    /** Initial step (default: 0) */
+    initialStep?: number;
+    /** Callback when step changes */
+    onStepChange?: (step: number) => void;
+}
+export interface UseWizardReturn {
+    /** Current step (0-indexed) */
+    currentStep: Accessor<number>;
+    /** Go to next step */
+    nextStep: () => void;
+    /** Go to previous step */
+    prevStep: () => void;
+    /** Go to specific step */
+    goToStep: (step: number) => void;
+    /** Whether currently on first step */
+    isFirstStep: Accessor<boolean>;
+    /** Whether currently on last step */
+    isLastStep: Accessor<boolean>;
+    /** Reset to initial step */
+    reset: () => void;
+}
+export declare function useWizard(options: UseWizardOptions): UseWizardReturn;

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

@@ -15,3 +15,4 @@ export { HighlightBlock, InfoBlock, WarningBlock, SuccessBlock, ErrorBlock, Note
 export { ProcessingIndicator, type ProcessingIndicatorProps, type ProcessingIndicatorVariant, type ProcessingIndicatorStatus, } from './ProcessingIndicator';
 export { Form, FormField, FormLabel, FormControl, FormDescription, FormMessage, FormActions, FormSection, FormDivider, FormRow, useFormSubmitting, type FormProps, type FormFieldProps, type FormLabelProps, type FormControlProps, type FormDescriptionProps, type FormMessageProps, type FormActionsProps, type FormSectionProps, type FormDividerProps, type FormRowProps, } from './Form';
 export { LineChart, AreaChart, DataBarChart, DataPieChart, MonitoringChart, type ChartDataPoint, type ChartSeries, type ChartVariant, type LineChartProps, type AreaChartProps, type DataBarChartProps, type DataPieChartProps, type MonitoringChartProps, } from './Charts';
+export { Stepper, Wizard, useWizard, type StepItem, type StepperProps, type StepperVariant, type StepperOrientation, type StepperSize, type WizardProps, type WizardStepContent, type UseWizardOptions, type UseWizardReturn, } from './Stepper';