nucleus-core-ts 0.8.0

package/dist/fe/components/RangePicker/theme/index.d.ts

@@ -0,0 +1,90 @@
+export interface RangePickerTheme {
+    container: {
+        base: string;
+        orientation: {
+            horizontal: string;
+            vertical: string;
+        };
+        disabled: string;
+    };
+    label: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    track: {
+        container: {
+            base: string;
+            size: {
+                sm: string;
+                md: string;
+                lg: string;
+            };
+            orientation: {
+                horizontal: string;
+                vertical: string;
+            };
+        };
+        background: {
+            base: string;
+            variant: {
+                default: string;
+                filled: string;
+                minimal: string;
+            };
+            disabled: string;
+        };
+        range: {
+            base: string;
+            variant: {
+                default: string;
+                filled: string;
+                minimal: string;
+            };
+            disabled: string;
+        };
+    };
+    thumb: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        variant: {
+            default: string;
+            filled: string;
+            minimal: string;
+        };
+        states: {
+            hover: string;
+            active: string;
+            focus: string;
+            disabled: string;
+        };
+        shadow: string;
+    };
+    tooltip: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        arrow: string;
+    };
+    ticks: {
+        container: string;
+        tick: string;
+        label: string;
+    };
+    labels: {
+        container: string;
+        label: string;
+    };
+}
+export declare const rangePickerTheme: RangePickerTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/RangePicker/types/index.d.ts

@@ -0,0 +1,66 @@
+import type { HTMLAttributes } from "react";
+export type RangePickerSize = "sm" | "md" | "lg";
+export type RangePickerOrientation = "horizontal" | "vertical";
+export type RangePickerVariant = "default" | "filled" | "minimal";
+export interface RangeValue {
+    min: number;
+    max: number;
+}
+export interface RangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    value?: RangeValue;
+    defaultValue?: RangeValue;
+    min?: number;
+    max?: number;
+    step?: number;
+    minRange?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: RangePickerSize;
+    variant?: RangePickerVariant;
+    orientation?: RangePickerOrientation;
+    showTooltip?: boolean;
+    showLabels?: boolean;
+    showTicks?: boolean;
+    tickCount?: number;
+    debounceMs?: number;
+    formatValue?: (value: number) => string;
+    onChange?: (value: RangeValue) => void;
+    onChangeCommit?: (value: RangeValue) => void;
+    label?: string;
+    minLabel?: string;
+    maxLabel?: string;
+    ariaLabel?: string;
+    ariaLabelMin?: string;
+    ariaLabelMax?: string;
+}
+export interface RangeTrackProps {
+    min: number;
+    max: number;
+    value: RangeValue;
+    size: RangePickerSize;
+    variant: RangePickerVariant;
+    orientation: RangePickerOrientation;
+    disabled: boolean;
+}
+export interface RangeThumbProps {
+    position: "min" | "max";
+    value: number;
+    min: number;
+    max: number;
+    size: RangePickerSize;
+    variant: RangePickerVariant;
+    disabled: boolean;
+    isDragging: boolean;
+    onDragStart: () => void;
+    onDragEnd: () => void;
+    ariaLabel?: string;
+    ariaValueText?: string;
+}
+export interface RangeTooltipProps {
+    value: number;
+    visible: boolean;
+    position: "min" | "max";
+    size: RangePickerSize;
+    formatValue?: (value: number) => string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/RangePicker/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare const cn: (...inputs: ClassValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/fe/components/RegisterPage/components/PasswordStrengthIndicator.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from "react";
+import type { PasswordStrength } from "../types";
+type PasswordStrengthIndicatorProps = {
+    strength: PasswordStrength;
+    showRequirements?: boolean;
+    passwordMinLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumber?: boolean;
+    requireSpecialChar?: boolean;
+};
+export declare function PasswordStrengthIndicator({ strength, showRequirements, passwordMinLength, requireUppercase, requireLowercase, requireNumber, requireSpecialChar, }: PasswordStrengthIndicatorProps): ReactElement;
+export {};
+//# sourceMappingURL=PasswordStrengthIndicator.d.ts.map

package/dist/fe/components/RegisterPage/components/RegisterForm.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { RegisterFormProps } from "../types";
+export declare function RegisterForm({ registerAction, showFirstName, showLastName, showTerms, showSignIn, termsHref, privacyHref, signInHref, onTermsClick, onPrivacyClick, onSignIn, onSuccess, passwordMinLength, requireUppercase, requireLowercase, requireNumber, requireSpecialChar, createProfileOnRegister, }: RegisterFormProps): ReactElement;
+//# sourceMappingURL=RegisterForm.d.ts.map

package/dist/fe/components/RegisterPage/components/RegisterHeader.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { RegisterHeaderProps } from "../types";
+export declare function RegisterHeader({ logo, title, subtitle, }: RegisterHeaderProps): ReactElement;
+//# sourceMappingURL=RegisterHeader.d.ts.map

package/dist/fe/components/RegisterPage/components/RegisterPage.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { RegisterPageProps } from "../types";
+export declare function RegisterPage({ variant: _variant, logo, title, subtitle, showFirstName: showFirstNameProp, showLastName: showLastNameProp, showTerms, showSignIn, termsHref: termsHrefProp, privacyHref: privacyHrefProp, signInHref, registerAction, onTermsClick, onPrivacyClick, onSignIn, onSuccess, showBackground, className, passwordMinLength: passwordMinLengthProp, requireUppercase: requireUppercaseProp, requireLowercase: requireLowercaseProp, requireNumber: requireNumberProp, requireSpecialChar: requireSpecialCharProp, config, }: RegisterPageProps): ReactElement;
+//# sourceMappingURL=RegisterPage.d.ts.map

package/dist/fe/components/RegisterPage/index.d.ts

@@ -0,0 +1,9 @@
+export { PasswordStrengthIndicator } from "./components/PasswordStrengthIndicator";
+export { RegisterForm } from "./components/RegisterForm";
+export { RegisterHeader } from "./components/RegisterHeader";
+export { RegisterPage } from "./components/RegisterPage";
+export { useRegisterStore } from "./store";
+export type { RegisterPageTheme } from "./theme";
+export { extendRegisterPageTheme, registerPageTheme } from "./theme";
+export type { PasswordPolicyConfig, PasswordStrength, RegisterAction, RegisterConfig, RegisterFeatureConfig, RegisterFormData, RegisterFormProps, RegisterHeaderProps, RegisterPageConfig, RegisterPageProps, RegisterPageVariant, RegisterState, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/RegisterPage/store/index.d.ts

@@ -0,0 +1,19 @@
+import type { RegisterState } from "../types";
+type RegisterMethods = {
+    [key: string]: unknown;
+    setEmail: (email: string) => void;
+    setPassword: (password: string, minLength?: number) => void;
+    setConfirmPassword: (confirmPassword: string) => void;
+    setFirstName: (firstName: string) => void;
+    setLastName: (lastName: string) => void;
+    setAcceptTerms: (value: boolean) => void;
+    setLoading: (value: boolean) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+};
+type RegisterStoreState = RegisterState & {
+    [key: string]: unknown;
+};
+export declare const useRegisterStore: () => import("h-state").StoreType<RegisterStoreState, RegisterMethods>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/RegisterPage/theme/index.d.ts

@@ -0,0 +1,81 @@
+export type RegisterPageTheme = {
+    container: {
+        base: string;
+        wrapper: string;
+    };
+    card: {
+        base: string;
+        padding: string;
+        background: string;
+        border: string;
+        shadow: string;
+        rounded: string;
+    };
+    header: {
+        container: string;
+        logoWrapper: string;
+        title: string;
+        subtitle: string;
+    };
+    form: {
+        container: string;
+        spacing: string;
+        row: string;
+    };
+    input: {
+        wrapper: string;
+    };
+    checkbox: {
+        wrapper: string;
+        label: string;
+    };
+    links: {
+        container: string;
+        terms: string;
+        signIn: {
+            wrapper: string;
+            text: string;
+            link: string;
+        };
+    };
+    button: {
+        wrapper: string;
+    };
+    error: {
+        container: string;
+        text: string;
+    };
+    passwordStrength: {
+        container: string;
+        bar: {
+            wrapper: string;
+            segment: string;
+            active: {
+                weak: string;
+                fair: string;
+                good: string;
+                strong: string;
+                veryStrong: string;
+            };
+            inactive: string;
+        };
+        requirements: {
+            container: string;
+            item: string;
+            met: string;
+            unmet: string;
+            icon: {
+                met: string;
+                unmet: string;
+            };
+        };
+    };
+    divider: {
+        container: string;
+        line: string;
+        text: string;
+    };
+};
+export declare const registerPageTheme: RegisterPageTheme;
+export declare function extendRegisterPageTheme(overrides: Partial<RegisterPageTheme>): RegisterPageTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/RegisterPage/types/index.d.ts

@@ -0,0 +1,141 @@
+export type RegisterPageVariant = "default" | "minimal" | "split";
+export type PasswordPolicyConfig = {
+    minLength?: number;
+    maxLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumber?: boolean;
+    requireSpecialChar?: boolean;
+    specialChars?: string;
+    showStrengthIndicator?: boolean;
+};
+export type RegisterFeatureConfig = {
+    showFirstName?: boolean;
+    showLastName?: boolean;
+    createProfileOnRegister?: boolean;
+    termsUrl?: string;
+    privacyUrl?: string;
+};
+export type RegisterConfig = {
+    passwordPolicy?: PasswordPolicyConfig;
+    register?: RegisterFeatureConfig;
+};
+export type RegisterFormData = {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    firstName: string;
+    lastName: string;
+    acceptTerms: boolean;
+};
+export type RegisterAction<TData = unknown, TError = unknown> = {
+    start: (config: {
+        payload: {
+            email: string;
+            password: string;
+            firstName?: string;
+            lastName?: string;
+            createProfile?: boolean;
+        };
+        onAfterHandle?: (data: TData) => void;
+        onErrorHandle?: (error: TError, code?: number | null) => void;
+    }) => void;
+    state: {
+        isPending: boolean;
+        data: TData | null;
+        error: TError | null;
+    };
+};
+export type RegisterPageConfig = {
+    variant?: RegisterPageVariant;
+    logo?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    /** @deprecated Use config.register.showFirstName instead */
+    showFirstName?: boolean;
+    /** @deprecated Use config.register.showLastName instead */
+    showLastName?: boolean;
+    showTerms?: boolean;
+    showSignIn?: boolean;
+    /** @deprecated Use config.register.termsUrl instead */
+    termsHref?: string;
+    /** @deprecated Use config.register.privacyUrl instead */
+    privacyHref?: string;
+    signInHref?: string;
+    registerAction: RegisterAction;
+    onTermsClick?: () => void;
+    onPrivacyClick?: () => void;
+    onSignIn?: () => void;
+    onSuccess?: () => void;
+    showBackground?: boolean;
+    className?: string;
+    /** @deprecated Use config.passwordPolicy.minLength instead */
+    passwordMinLength?: number;
+    /** @deprecated Use config.passwordPolicy.requireUppercase instead */
+    requireUppercase?: boolean;
+    /** @deprecated Use config.passwordPolicy.requireLowercase instead */
+    requireLowercase?: boolean;
+    /** @deprecated Use config.passwordPolicy.requireNumber instead */
+    requireNumber?: boolean;
+    /** @deprecated Use config.passwordPolicy.requireSpecialChar instead */
+    requireSpecialChar?: boolean;
+    /** Config object to automatically read passwordPolicy and register settings */
+    config?: RegisterConfig;
+};
+export type RegisterPageProps = RegisterPageConfig;
+export type RegisterFormProps = {
+    registerAction: RegisterAction;
+    showFirstName?: boolean;
+    showLastName?: boolean;
+    showTerms?: boolean;
+    showSignIn?: boolean;
+    termsHref?: string;
+    privacyHref?: string;
+    signInHref?: string;
+    onTermsClick?: () => void;
+    onPrivacyClick?: () => void;
+    onSignIn?: () => void;
+    onSuccess?: () => void;
+    passwordMinLength?: number;
+    requireUppercase?: boolean;
+    requireLowercase?: boolean;
+    requireNumber?: boolean;
+    requireSpecialChar?: boolean;
+    createProfileOnRegister?: boolean;
+};
+export type RegisterHeaderProps = {
+    logo?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+};
+export type RegisterState = {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    firstName: string;
+    lastName: string;
+    acceptTerms: boolean;
+    isLoading: boolean;
+    error: string | null;
+    passwordStrength: PasswordStrength;
+};
+export type PasswordStrength = {
+    score: number;
+    hasMinLength: boolean;
+    hasUppercase: boolean;
+    hasLowercase: boolean;
+    hasNumber: boolean;
+    hasSpecialChar: boolean;
+};
+export type RegisterActions = {
+    setEmail: (email: string) => void;
+    setPassword: (password: string) => void;
+    setConfirmPassword: (confirmPassword: string) => void;
+    setFirstName: (firstName: string) => void;
+    setLastName: (lastName: string) => void;
+    setAcceptTerms: (value: boolean) => void;
+    setLoading: (value: boolean) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ResetPasswordPage/components/ResetPasswordForm.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ResetPasswordFormProps } from "../types";
+export declare function ResetPasswordForm({ token, resetPasswordAction, onBackToLogin, backToLoginHref, passwordPolicy, }: ResetPasswordFormProps): ReactElement;
+//# sourceMappingURL=ResetPasswordForm.d.ts.map

package/dist/fe/components/ResetPasswordPage/components/ResetPasswordHeader.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ResetPasswordHeaderProps } from "../types";
+export declare function ResetPasswordHeader({ logo, title, subtitle, }: ResetPasswordHeaderProps): ReactElement;
+//# sourceMappingURL=ResetPasswordHeader.d.ts.map

package/dist/fe/components/ResetPasswordPage/components/ResetPasswordPage.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { ResetPasswordPageConfig } from "../types";
+export declare function ResetPasswordPage({ logo, title, subtitle, token, resetPasswordAction, onBackToLogin, backToLoginHref, showBackground, className, passwordPolicy, }: ResetPasswordPageConfig): ReactElement;
+//# sourceMappingURL=ResetPasswordPage.d.ts.map

package/dist/fe/components/ResetPasswordPage/index.d.ts

@@ -0,0 +1,7 @@
+export { ResetPasswordForm } from "./components/ResetPasswordForm";
+export { ResetPasswordHeader } from "./components/ResetPasswordHeader";
+export { ResetPasswordPage } from "./components/ResetPasswordPage";
+export { useResetPasswordStore } from "./store";
+export { extendResetPasswordPageTheme, type ResetPasswordPageTheme, resetPasswordPageTheme, } from "./theme";
+export type { ResetPasswordAction, ResetPasswordFormProps, ResetPasswordHeaderProps, ResetPasswordPageConfig, ResetPasswordStep, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ResetPasswordPage/store/index.d.ts

@@ -0,0 +1,15 @@
+import type { ResetPasswordState, ResetPasswordStep } from "../types";
+type ResetPasswordMethods = {
+    [key: string]: unknown;
+    setNewPassword: (password: string) => void;
+    setConfirmPassword: (password: string) => void;
+    setStep: (step: ResetPasswordStep) => void;
+    setError: (error: string | null) => void;
+    reset: () => void;
+};
+type ResetPasswordStoreState = ResetPasswordState & {
+    [key: string]: unknown;
+};
+export declare const useResetPasswordStore: () => import("h-state").StoreType<ResetPasswordStoreState, ResetPasswordMethods>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ResetPasswordPage/theme/index.d.ts

@@ -0,0 +1,56 @@
+export type ResetPasswordPageTheme = {
+    container: {
+        base: string;
+        wrapper: string;
+    };
+    card: {
+        base: string;
+        padding: string;
+        background: string;
+        border: string;
+        shadow: string;
+        rounded: string;
+    };
+    header: {
+        container: string;
+        logoWrapper: string;
+        iconWrapper: string;
+        title: string;
+        subtitle: string;
+    };
+    form: {
+        container: string;
+        spacing: string;
+    };
+    input: {
+        wrapper: string;
+    };
+    button: {
+        wrapper: string;
+    };
+    links: {
+        container: string;
+        backToLogin: string;
+    };
+    error: {
+        container: string;
+        text: string;
+    };
+    success: {
+        container: string;
+        iconWrapper: string;
+        title: string;
+        message: string;
+    };
+    requirements: {
+        container: string;
+        title: string;
+        list: string;
+        item: string;
+        itemValid: string;
+        itemInvalid: string;
+    };
+};
+export declare const resetPasswordPageTheme: ResetPasswordPageTheme;
+export declare function extendResetPasswordPageTheme(overrides: Partial<ResetPasswordPageTheme>): ResetPasswordPageTheme;
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/ResetPasswordPage/types/index.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from "react";
+import type { PasswordPolicy } from "../../SetPasswordPage/types";
+export type ResetPasswordStep = "form" | "success";
+export type ResetPasswordAction<TData = unknown, TError = unknown> = {
+    start: (config: {
+        payload: {
+            token: string;
+            newPassword: string;
+            confirmPassword: string;
+        };
+        onAfterHandle?: (data: TData) => void;
+        onErrorHandle?: (error: TError, code?: number | null) => void;
+    }) => void;
+    state: {
+        isPending: boolean;
+        data: TData | null;
+        error: TError | null;
+    };
+};
+export interface ResetPasswordPageConfig {
+    title?: string;
+    subtitle?: string;
+    logo?: ReactNode;
+    token: string;
+    resetPasswordAction: ResetPasswordAction;
+    onBackToLogin?: () => void;
+    backToLoginHref?: string;
+    showBackground?: boolean;
+    className?: string;
+    passwordPolicy?: PasswordPolicy;
+}
+export interface ResetPasswordFormProps {
+    token: string;
+    resetPasswordAction: ResetPasswordAction;
+    onBackToLogin?: () => void;
+    backToLoginHref?: string;
+    passwordPolicy?: PasswordPolicy;
+}
+export interface ResetPasswordHeaderProps {
+    logo?: ReactNode;
+    title: string;
+    subtitle: string;
+}
+export interface ResetPasswordState {
+    newPassword: string;
+    confirmPassword: string;
+    step: ResetPasswordStep;
+    error: string | null;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/SearchBox/components/SearchBox.d.ts

@@ -0,0 +1,3 @@
+import type { SearchBoxProps } from "../types";
+export declare function SearchBox<T>({ value, onChange, onSearch, results, renderItem, onSelect, placeholder, label, debounceMs, minSearchLength, disabled, loading, emptyMessage, className, inputClassName, dropdownClassName, itemClassName, showClearButton, leftIcon, rightIcon, disableDropdown, showSearchIcon, maxLength, sanitize, trimOnSearch, preventXSS, }: SearchBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchBox.d.ts.map

package/dist/fe/components/SearchBox/components/SearchBoxDropdown.d.ts

@@ -0,0 +1,3 @@
+import type { SearchBoxDropdownProps } from "../types";
+export declare function SearchBoxDropdown<T>({ results, renderItem, onSelect, loading, emptyMessage, className, itemClassName, position, activeIndex, onActiveIndexChange, }: SearchBoxDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchBoxDropdown.d.ts.map

package/dist/fe/components/SearchBox/index.d.ts

@@ -0,0 +1,8 @@
+export { SearchBox } from "./components/SearchBox";
+export { SearchBoxDropdown } from "./components/SearchBoxDropdown";
+export type { SearchBoxTheme } from "./theme";
+export { extendSearchBoxTheme, searchBoxTheme } from "./theme";
+export type { DropdownPosition, SearchBoxDropdownProps, SearchBoxItem, SearchBoxProps, } from "./types";
+export { debounce } from "./utils/debounce";
+export { escapeHtml, sanitizeInput, sanitizeSearchQuery, } from "./utils/sanitize";
+//# sourceMappingURL=index.d.ts.map