formstack-ui 0.0.1

package/dist/bin/registry.js

@@ -0,0 +1,105 @@
+const COMPONENTS_BASE_PATH = "src/components/ui";
+const THEME_BASE_PATH = "src/components/theme";
+export const registry = {
+    // CORE UTILS (Theme System)
+    "theme-core": {
+        name: "theme-core",
+        files: [
+            `${THEME_BASE_PATH}/ThemeContext.tsx`,
+            `${THEME_BASE_PATH}/defaultTheme.ts`,
+            `${THEME_BASE_PATH}/types.ts`,
+            "src/utils/validation.ts",
+            "src/utils/yup-validation.ts",
+            "src/components/SchemaForm.tsx",
+            "src/components/FormikSchemaForm.tsx",
+        ],
+        dependencies: ["clsx", "tailwind-merge", "zod", "yup", "formik"],
+        type: "core",
+    },
+    // FORM INPUTS
+    "text-input": {
+        name: "text-input",
+        files: [`${COMPONENTS_BASE_PATH}/TextInput.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    textarea: {
+        name: "textarea",
+        files: [`${COMPONENTS_BASE_PATH}/Textarea.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    select: {
+        name: "select",
+        files: [`${COMPONENTS_BASE_PATH}/Select.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    checkbox: {
+        name: "checkbox",
+        files: [`${COMPONENTS_BASE_PATH}/Checkbox.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    "radio-group": {
+        name: "radio-group",
+        files: [`${COMPONENTS_BASE_PATH}/RadioGroup.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    switch: {
+        name: "switch",
+        files: [`${COMPONENTS_BASE_PATH}/Switch.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    "file-input": {
+        name: "file-input",
+        files: [`${COMPONENTS_BASE_PATH}/FileInput.tsx`],
+        internalDependencies: ["theme-core"],
+    },
+    // COMPLEX COMPONENTS
+    autocomplete: {
+        name: "autocomplete",
+        files: [
+            `${COMPONENTS_BASE_PATH}/select/Autocomplete.tsx`,
+            `${COMPONENTS_BASE_PATH}/select/Chip.tsx`,
+            `${COMPONENTS_BASE_PATH}/select/types.ts`,
+        ],
+        internalDependencies: ["theme-core"],
+    },
+    "date-picker": {
+        name: "date-picker",
+        files: [
+            `${COMPONENTS_BASE_PATH}/date/DatePicker.tsx`,
+            `${COMPONENTS_BASE_PATH}/date/Calendar.tsx`,
+        ],
+        dependencies: ["date-fns"],
+        internalDependencies: ["theme-core"],
+    },
+    "date-range-picker": {
+        name: "date-range-picker",
+        files: [
+            `${COMPONENTS_BASE_PATH}/date/DateRangePicker.tsx`,
+            `${COMPONENTS_BASE_PATH}/date/Calendar.tsx`,
+        ],
+        dependencies: ["date-fns"],
+        internalDependencies: ["theme-core"],
+    },
+    "date-time-picker": {
+        name: "date-time-picker",
+        files: [
+            `${COMPONENTS_BASE_PATH}/date/DateTimePicker.tsx`,
+            `${COMPONENTS_BASE_PATH}/date/Calendar.tsx`,
+            `${COMPONENTS_BASE_PATH}/date/TimeView.tsx`,
+        ],
+        dependencies: ["date-fns"],
+        internalDependencies: ["theme-core"],
+    },
+    "time-picker": {
+        name: "time-picker",
+        files: [
+            `${COMPONENTS_BASE_PATH}/date/TimePicker.tsx`,
+            `${COMPONENTS_BASE_PATH}/date/TimeView.tsx`,
+        ],
+        dependencies: ["date-fns"],
+        internalDependencies: ["theme-core"],
+    },
+};
+export const getComponent = (name) => {
+    return registry[name];
+};

package/dist/components/FormikSchemaForm.d.ts

@@ -0,0 +1,11 @@
+import type { FormSchema } from "../types/schema";
+import type { FormTheme } from "./theme/types";
+interface FormikSchemaFormProps {
+    schema: FormSchema;
+    onSubmit: (values: any) => void;
+    initialValues?: any;
+    validationLib?: "zod" | "yup";
+    theme?: FormTheme;
+}
+export declare const FormikSchemaForm: ({ schema, onSubmit, initialValues, validationLib, theme, }: FormikSchemaFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SchemaForm.d.ts

@@ -0,0 +1,26 @@
+import type { FormSchema } from "../types/schema";
+import type { FormTheme } from "./theme/types";
+interface SchemaFormProps {
+    schema: FormSchema;
+    onSubmit: (values: any) => void;
+    initialValues?: any;
+    className?: string;
+    debug?: boolean;
+    breakpoint?: "mobile" | "tablet" | "desktop";
+    hideTitle?: boolean;
+    id?: string;
+    onValidate?: (values: any) => Record<string, string>;
+    onValuesChange?: (values: any) => void;
+    validationLib?: "zod" | "yup";
+    /**
+     * Optional theme override for this form.
+     * If provided, all fields within this form will use this theme.
+     */
+    theme?: FormTheme;
+}
+export interface SchemaFormHandle {
+    submit: () => void;
+    reset: () => void;
+}
+export declare const SchemaForm: import("react").ForwardRefExoticComponent<SchemaFormProps & import("react").RefAttributes<SchemaFormHandle>>;
+export {};

package/dist/components/ThemeSwitcher.d.ts

@@ -0,0 +1 @@
+export declare const ThemeSwitcher: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/builder/FormBuilder.d.ts

@@ -0,0 +1 @@
+export declare const FormBuilder: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/demo/Documentation.d.ts

@@ -0,0 +1 @@
+export declare const Documentation: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/demo/StatesGallery.d.ts

@@ -0,0 +1 @@
+export declare const StatesGallery: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/form/FormRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { FormSchema } from "@/types/schema";
+interface FormRendererProps {
+    schema: FormSchema;
+    initialData?: Record<string, unknown>;
+    onSubmit?: (data: Record<string, unknown>) => void;
+    className?: string;
+}
+export declare const FormRenderer: ({ schema, initialData, onSubmit, className, }: FormRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/GridContainer.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+interface GridContainerProps {
+    children: ReactNode;
+    className?: string;
+    gap?: number;
+}
+export declare const GridContainer: ({ children, className, gap, }: GridContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layout/GridItem.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+interface GridItemProps {
+    children: ReactNode;
+    colSpan?: number;
+    className?: string;
+}
+export declare const GridItem: ({ children, colSpan, className, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/pages/ChangelogPage.d.ts

@@ -0,0 +1 @@
+export declare const ChangelogPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/DemoPage.d.ts

@@ -0,0 +1,6 @@
+import type { FormSchema } from "@/types/schema";
+interface DemoPageProps {
+    schema: FormSchema;
+}
+export declare const DemoPage: ({ schema }: DemoPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/pages/GuidePage.d.ts

@@ -0,0 +1 @@
+export declare const GuidePage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/Home.d.ts

@@ -0,0 +1 @@
+export declare const Home: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/ReadmePage.d.ts

@@ -0,0 +1 @@
+export declare const ReadmePage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/TasksPage.d.ts

@@ -0,0 +1 @@
+export declare const TasksPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/ThemeOverridesPage.d.ts

@@ -0,0 +1 @@
+export declare const ThemeOverridesPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/playground/ComponentPlayground.d.ts

@@ -0,0 +1,8 @@
+import type { PropConfig } from "./types";
+interface ComponentPlaygroundProps {
+    component: React.ComponentType<any>;
+    propDefinitions: Record<string, PropConfig>;
+    defaultProps: Record<string, any>;
+}
+export declare const ComponentPlayground: ({ component: Component, propDefinitions, defaultProps, }: ComponentPlaygroundProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/playground/PlaygroundPage.d.ts

@@ -0,0 +1 @@
+export declare const PlaygroundPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/playground/components-config.d.ts

@@ -0,0 +1,10 @@
+import type { PropConfig } from "./types";
+export interface ComponentConfig {
+    title: string;
+    description: string;
+    icon: any;
+    component: React.ComponentType<any>;
+    defaultProps: Record<string, any>;
+    propDefinitions: Record<string, PropConfig>;
+}
+export declare const COMPONENTS: Record<string, ComponentConfig>;

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

@@ -0,0 +1,14 @@
+export type PropType = "string" | "boolean" | "number" | "select" | "color" | "json";
+export interface PropConfig {
+    type: PropType;
+    label?: string;
+    options?: string[];
+    description?: string;
+}
+export interface PlaygroundConfig {
+    title: string;
+    description: string;
+    component: React.ComponentType<any>;
+    propDefinitions: Record<string, PropConfig>;
+    defaultProps: Record<string, any>;
+}

package/dist/components/theme/ThemeContext.d.ts

@@ -0,0 +1,16 @@
+import type { FormTheme, ComponentTheme, ComponentState } from "./types";
+export declare const ThemeProvider: import("react").Provider<FormTheme>;
+/**
+ * Hook to access the full theme object.
+ */
+export declare const useFormTheme: () => FormTheme;
+/**
+ * Hook to resolve styles for a specific component.
+ *
+ * @param componentName The key of the component in the theme object (e.g. 'textInput')
+ * @param state The current state of the component (error, focused, etc.)
+ * @param overrideClasses Optional overrides passed directly to the component props
+ *
+ * @returns An object containing the resolved generic class strings for each slot.
+ */
+export declare const useComponentTheme: <K extends keyof FormTheme>(componentName: K, state: ComponentState, overrideClasses?: Partial<Record<keyof ComponentTheme, string>>, globalOverride?: boolean) => Record<keyof ComponentTheme, string>;

package/dist/components/theme/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import type { FormTheme } from "./types";
+export declare const defaultTheme: FormTheme;

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

@@ -0,0 +1,38 @@
+export interface ComponentState {
+    error?: boolean | string;
+    disabled?: boolean;
+    focused?: boolean;
+    checked?: boolean;
+    value?: any;
+    variant?: "outline" | "filled" | "standard" | "floating";
+}
+export type StyleOrFn = string | ((state: ComponentState) => string);
+export interface ComponentTheme {
+    root?: StyleOrFn;
+    label?: StyleOrFn;
+    input?: StyleOrFn;
+    helperText?: StyleOrFn;
+    errorText?: StyleOrFn;
+    wrapper?: StyleOrFn;
+    icon?: StyleOrFn;
+    track?: StyleOrFn;
+    thumb?: StyleOrFn;
+    list?: StyleOrFn;
+    item?: StyleOrFn;
+    tag?: StyleOrFn;
+}
+export interface FormTheme {
+    global?: ComponentTheme;
+    textInput: ComponentTheme;
+    textarea: ComponentTheme;
+    select: ComponentTheme;
+    checkbox: ComponentTheme;
+    radio: ComponentTheme;
+    switch: ComponentTheme;
+    autocomplete: ComponentTheme;
+    fileInput: ComponentTheme;
+    datePicker: ComponentTheme;
+    dateRangePicker: ComponentTheme;
+    dateTimePicker: ComponentTheme;
+    timePicker: ComponentTheme;
+}

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

@@ -0,0 +1,6 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id">, BaseFieldProps {
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "id">, BaseFieldProps {
+    value?: File | null;
+    onChange?: (file: File | null) => void;
+    maxSize?: number;
+}
+export declare const FileInput: {
+    ({ id, label, error, required, disabled, className, fullWidth, value, onChange, startAdornment, endAdornment, accept, multiple, maxSize, globalOverRide, ...props }: FileInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import React from "react";
+interface GridContainerProps {
+    children: React.ReactNode;
+    gap?: number;
+    className?: string;
+}
+export declare const GridContainer: ({ children, gap, className, }: GridContainerProps) => import("react/jsx-runtime").JSX.Element;
+interface GridItemProps {
+    children: React.ReactNode;
+    colSpan?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    className?: string;
+}
+export declare const GridItem: ({ children, colSpan, xs, sm, md, lg, className, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { FieldDirection, ResponsiveDirection } from "../../types/schema";
+import type { BaseFieldProps } from "./field/types";
+interface RadioOption {
+    label: string;
+    value: string | number;
+}
+interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "id">, BaseFieldProps {
+    name: string;
+    value?: string | number;
+    onChange?: (value: string | number) => void;
+    options: RadioOption[];
+    direction?: FieldDirection | ResponsiveDirection;
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,9 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+import type { SelectOption } from "@/types/schema";
+interface SelectProps extends BaseFieldProps, Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "id"> {
+    options?: SelectOption[];
+    placeholder?: string;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export {};

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

@@ -0,0 +1,6 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id">, BaseFieldProps {
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,6 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+interface TextInputProps extends BaseFieldProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "id" | "required"> {
+}
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,10 @@
+import React from "react";
+import type { BaseFieldProps } from "./field/types";
+interface TextareaProps extends BaseFieldProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "id"> {
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/ui/date/Calendar.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface CalendarProps {
+    value?: Date | null;
+    startDate?: Date | null;
+    endDate?: Date | null;
+    onChange?: (date: Date) => void;
+    onRangeChange?: (range: {
+        start: Date | null;
+        end: Date | null;
+    }) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    isRange?: boolean;
+}
+export declare const Calendar: React.FC<CalendarProps>;
+export {};

package/dist/components/ui/date/DatePicker.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { BaseFieldProps } from "../field/types";
+interface DatePickerProps extends BaseFieldProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    min?: Date;
+    max?: Date;
+    format?: string;
+    placeholder?: string;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;
+export {};

package/dist/components/ui/date/DateRangePicker.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import type { BaseFieldProps } from "../field/types";
+interface DateRangeValue {
+    start: Date | null;
+    end: Date | null;
+}
+interface DateRangePickerProps extends Omit<BaseFieldProps, "value" | "onChange"> {
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    min?: Date;
+    max?: Date;
+    format?: string;
+    placeholder?: string;
+    allowReverse?: boolean;
+    showTime?: boolean;
+}
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export {};

package/dist/components/ui/date/DateTimePicker.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { BaseFieldProps } from "../field/types";
+interface DateTimePickerProps extends BaseFieldProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    min?: Date;
+    max?: Date;
+    format?: string;
+    placeholder?: string;
+}
+export declare const DateTimePicker: React.FC<DateTimePickerProps>;
+export {};

package/dist/components/ui/date/TimePicker.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { BaseFieldProps } from "../field/types";
+interface TimePickerProps extends BaseFieldProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    min?: Date;
+    max?: Date;
+    format?: string;
+    placeholder?: string;
+}
+export declare const TimePicker: React.FC<TimePickerProps>;
+export {};

package/dist/components/ui/date/TimeView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface TimeViewProps {
+    value?: Date | null;
+    onChange: (date: Date) => void;
+}
+export declare const TimeView: React.FC<TimeViewProps>;
+export {};

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

@@ -0,0 +1,4 @@
+export * from "./DatePicker";
+export * from "./DateRangePicker";
+export * from "./DateTimePicker";
+export * from "./TimePicker";

package/dist/components/ui/field/BaseField.d.ts

@@ -0,0 +1,16 @@
+import React, { type ReactNode } from "react";
+import type { BaseFieldProps } from "./types";
+interface BaseFieldInternalProps extends BaseFieldProps {
+    children: (props: {
+        hasValue: boolean;
+        isFocused: boolean;
+        onFocus: (e?: any) => void;
+        onBlur: (e?: any) => void;
+        id: string;
+        style: React.CSSProperties;
+    }) => ReactNode;
+    value?: any;
+    defaultValue?: any;
+}
+export declare const BaseField: ({ id, label, error, required, disabled, startAdornment, endAdornment, className, fullWidth, children, value, defaultValue, onClear, }: BaseFieldInternalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/field/ErrorTooltip.d.ts

@@ -0,0 +1,6 @@
+interface ErrorTooltipProps {
+    error: string;
+    className?: string;
+}
+export declare const ErrorTooltip: ({ error, className }: ErrorTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/field/LabelWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface LabelWrapperProps {
+    id: string;
+    label: string;
+    hasValue: boolean;
+    isFocused: boolean;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    startAdornmentWidth?: number;
+    children: React.ReactNode;
+}
+export declare const LabelWrapper: ({ id, label, hasValue, isFocused, error, required, disabled, startAdornmentWidth, children, }: LabelWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/field/types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+export interface BaseFieldProps {
+    id: string;
+    label: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    onClear?: () => void;
+    fullWidth?: boolean;
+    globalOverRide?: boolean;
+    variant?: "outline" | "filled" | "standard" | "floating";
+}

package/dist/components/ui/select/Autocomplete.d.ts

@@ -0,0 +1,15 @@
+import type { BaseFieldProps } from "../field/types";
+import type { Option } from "./types";
+interface AutocompleteProps extends Omit<BaseFieldProps, "value" | "onChange"> {
+    options: Option[];
+    value?: string | number | (string | number)[];
+    onChange?: (value: string | number | (string | number)[] | null) => void;
+    multiple?: boolean;
+    limitTags?: number;
+    placeholder?: string;
+    loading?: boolean;
+    loadOptions?: (query: string) => Promise<Option[]>;
+    onClear?: () => void;
+}
+export declare const Autocomplete: ({ id, label, error, required, disabled, className, startAdornment, endAdornment, fullWidth, options: initialOptions, value, onChange, multiple, limitTags, placeholder, loading: externalLoading, loadOptions, onClear, globalOverRide, variant, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/select/Chip.d.ts

@@ -0,0 +1,7 @@
+interface ChipProps {
+    label: string;
+    onRemove?: () => void;
+    disabled?: boolean;
+}
+export declare const Chip: ({ label, onRemove, disabled }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/select/types.d.ts

@@ -0,0 +1,5 @@
+export interface Option {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type Theme = "light" | "dark" | "system";
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+}
+interface ThemeProviderState {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

package/dist/hooks/useForm.d.ts

@@ -0,0 +1,28 @@
+/**
+ * useForm Hook
+ * Strictly keeps state FLAT (keys can contain dots like "account.username")
+ */
+export declare function useForm<T extends Record<string, any>>({ initialValues, schema, onSubmit, validate: externalValidate, mode, }: {
+    initialValues: T;
+    schema?: any;
+    onSubmit?: (values: T) => void;
+    validate?: (values: T) => Record<string, string>;
+    mode?: "onSubmit" | "onChange" | "onBlur";
+}): {
+    values: T;
+    errors: Record<string, string>;
+    touched: Record<string, boolean>;
+    setFieldValue: (path: string, value: any, shouldValidate?: boolean) => void;
+    reset: () => void;
+    handleBlur: (path: string) => void;
+    handleSubmit: (e?: React.FormEvent) => void;
+    isSubmitting: boolean;
+    isSubmitted: boolean;
+    register: (path: string) => {
+        value: any;
+        onChange: (val: any) => void;
+        onBlur: () => void;
+        error: string;
+        name: string;
+    };
+};