@floegence/floe-webapp-core 0.15.3 → 0.15.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Floegence, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -2,7 +2,8 @@ import { type JSX } from 'solid-js';
 export interface DialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title?: string;
+    /** Dialog title - can be a string or JSX element for custom headers */
+    title?: string | JSX.Element;
     description?: string;
     children: JSX.Element;
     footer?: JSX.Element;

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';

package/dist/components/ui/picker/PickerBase.d.ts

@@ -17,8 +17,8 @@ export interface BasePickerProps {
     files: FileItem[];
     /** Initial directory path (default: '/') */
     initialPath?: string;
-    /** Dialog title */
-    title?: string;
+    /** Dialog title - can be a string or JSX element for custom headers */
+    title?: string | JSX.Element;
     /** Confirm button text */
     confirmText?: string;
     /** Cancel button text (default: 'Cancel') */