nucleus-core-ts 0.8.0

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

@@ -0,0 +1,141 @@
+export interface SearchBoxTheme {
+    container: {
+        base: string;
+        spacing: string;
+    };
+    wrapper: {
+        base: string;
+        border: {
+            base: string;
+            focused: string;
+            error: string;
+            disabled: string;
+        };
+        background: {
+            light: string;
+            dark: string;
+        };
+        padding: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        rounded: string;
+        shadow: string;
+        transition: string;
+    };
+    input: {
+        base: string;
+        text: {
+            size: string;
+            color: {
+                light: string;
+                dark: string;
+            };
+        };
+        placeholder: {
+            light: string;
+            dark: string;
+        };
+    };
+    label: {
+        base: string;
+        text: {
+            size: string;
+            color: {
+                light: string;
+                dark: string;
+            };
+        };
+        spacing: string;
+    };
+    icon: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        color: {
+            light: string;
+            dark: string;
+            focused: string;
+        };
+        spacing: {
+            left: string;
+            right: string;
+        };
+    };
+    clearButton: {
+        base: string;
+        size: string;
+        color: {
+            light: string;
+            dark: string;
+            hover: string;
+        };
+        transition: string;
+    };
+    dropdown: {
+        base: string;
+        background: {
+            light: string;
+            dark: string;
+        };
+        border: {
+            light: string;
+            dark: string;
+        };
+        rounded: string;
+        shadow: string;
+        maxHeight: string;
+        spacing: {
+            top: string;
+            bottom: string;
+        };
+        position: {
+            top: string;
+            bottom: string;
+        };
+    };
+    item: {
+        base: string;
+        padding: string;
+        text: {
+            size: string;
+            color: {
+                light: string;
+                dark: string;
+            };
+        };
+        hover: {
+            light: string;
+            dark: string;
+        };
+        active: {
+            light: string;
+            dark: string;
+        };
+        transition: string;
+        rounded: string;
+    };
+    loading: {
+        base: string;
+        size: string;
+        color: string;
+    };
+    empty: {
+        base: string;
+        text: {
+            size: string;
+            color: {
+                light: string;
+                dark: string;
+            };
+        };
+        padding: string;
+    };
+}
+export declare const searchBoxTheme: SearchBoxTheme;
+export declare function extendSearchBoxTheme(overrides: Partial<SearchBoxTheme>): SearchBoxTheme;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+export interface SearchBoxItem<T = unknown> {
+    id: string | number;
+    data: T;
+}
+export interface SearchBoxProps<T> {
+    value: string;
+    onChange: (value: string) => void;
+    onSearch: (query: string) => void;
+    results?: SearchBoxItem<T>[] | undefined;
+    renderItem?: (item: SearchBoxItem<T>, index: number) => ReactNode;
+    onSelect?: (item: SearchBoxItem<T>) => void;
+    placeholder?: string;
+    label?: string;
+    debounceMs?: number;
+    minSearchLength?: number;
+    disabled?: boolean;
+    loading?: boolean;
+    emptyMessage?: string;
+    className?: string;
+    inputClassName?: string;
+    dropdownClassName?: string;
+    itemClassName?: string;
+    showClearButton?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    disableDropdown?: boolean;
+    showSearchIcon?: boolean;
+    maxLength?: number;
+    sanitize?: boolean;
+    trimOnSearch?: boolean;
+    preventXSS?: boolean;
+}
+export interface SearchBoxDropdownProps<T> {
+    results: SearchBoxItem<T>[];
+    renderItem?: (item: SearchBoxItem<T>, index: number) => ReactNode;
+    onSelect?: (item: SearchBoxItem<T>) => void;
+    loading?: boolean;
+    emptyMessage?: string;
+    className?: string;
+    itemClassName?: string;
+    position: "top" | "bottom";
+    activeIndex: number;
+    onActiveIndexChange: (index: number) => void;
+}
+export type DropdownPosition = "top" | "bottom";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+export declare function debounce<TArgs extends unknown[]>(fn: (...args: TArgs) => void, delay: number): {
+    call: (...args: TArgs) => void;
+    cancel: () => void;
+};
+//# sourceMappingURL=debounce.d.ts.map

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

@@ -0,0 +1,9 @@
+export declare function sanitizeInput(input: string): string;
+export declare function escapeHtml(input: string): string;
+export declare function sanitizeSearchQuery(query: string, options?: {
+    trim?: boolean;
+    escapeHtml?: boolean;
+    maxLength?: number;
+    removeScripts?: boolean;
+}): string;
+//# sourceMappingURL=sanitize.d.ts.map

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

@@ -0,0 +1,3 @@
+import type { SelectBoxProps } from "../types";
+export declare function SelectBox<T = string>({ options, value: controlledValue, defaultValue, placeholder, disabled, readOnly, loading, clearable, searchable, size, variant, position, maxHeight, emptyText, loadingText, searchPlaceholder, onChange, onSearch, onOpen, onClose, renderOption, renderValue, label, error, helperText, required, name, ariaLabel, className, ...props }: SelectBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectBox.d.ts.map

package/dist/fe/components/SelectBox/components/SelectDropdown.d.ts

@@ -0,0 +1,6 @@
+import type { SelectDropdownProps } from "../types";
+export declare const SelectDropdown: import("react").ForwardRefExoticComponent<SelectDropdownProps & {
+    children: React.ReactNode;
+    triggerRef?: React.RefObject<HTMLButtonElement | null>;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectDropdown.d.ts.map

package/dist/fe/components/SelectBox/components/SelectOptionItem.d.ts

@@ -0,0 +1,3 @@
+import type { SelectOptionItemProps } from "../types";
+export declare function SelectOptionItem<T>({ option, isSelected, isHighlighted, size, onClick, onMouseEnter, }: SelectOptionItemProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectOptionItem.d.ts.map

package/dist/fe/components/SelectBox/components/SelectTrigger.d.ts

@@ -0,0 +1,5 @@
+import type { SelectTriggerProps } from "../types";
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & {
+    children: React.ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=SelectTrigger.d.ts.map

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

@@ -0,0 +1,8 @@
+export { SelectBox } from "./components/SelectBox";
+export { SelectDropdown } from "./components/SelectDropdown";
+export { SelectOptionItem } from "./components/SelectOptionItem";
+export { SelectTrigger } from "./components/SelectTrigger";
+export type { SelectBoxTheme } from "./theme";
+export { selectBoxTheme } from "./theme";
+export type { DropdownPosition, SelectBoxProps, SelectBoxSize, SelectBoxVariant, SelectDropdownProps, SelectOption, SelectOptionItemProps, SelectTriggerProps, } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,100 @@
+export interface SelectBoxTheme {
+    container: {
+        base: string;
+    };
+    label: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        required: string;
+        error: string;
+    };
+    trigger: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        variant: {
+            default: string;
+            filled: string;
+            ghost: string;
+        };
+        states: {
+            hover: string;
+            focus: string;
+            disabled: string;
+            error: string;
+            open: string;
+        };
+    };
+    placeholder: {
+        base: string;
+    };
+    value: {
+        base: string;
+    };
+    icon: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        open: string;
+    };
+    clearButton: {
+        base: string;
+        hover: string;
+    };
+    dropdown: {
+        base: string;
+        position: {
+            top: string;
+            bottom: string;
+        };
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+    };
+    search: {
+        container: string;
+        input: string;
+        icon: string;
+    };
+    option: {
+        base: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        states: {
+            hover: string;
+            selected: string;
+            highlighted: string;
+            disabled: string;
+        };
+        icon: string;
+        checkmark: string;
+    };
+    empty: {
+        base: string;
+    };
+    loading: {
+        base: string;
+        spinner: string;
+    };
+    helper: {
+        base: string;
+        error: string;
+    };
+}
+export declare const selectBoxTheme: SelectBoxTheme;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,66 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type SelectBoxSize = "sm" | "md" | "lg";
+export type SelectBoxVariant = "default" | "filled" | "ghost";
+export type DropdownPosition = "top" | "bottom" | "auto";
+export interface SelectOption<T = string> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+export interface SelectBoxProps<T = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    options: SelectOption<T>[];
+    value?: T;
+    defaultValue?: T;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    clearable?: boolean;
+    searchable?: boolean;
+    size?: SelectBoxSize;
+    variant?: SelectBoxVariant;
+    position?: DropdownPosition;
+    maxHeight?: number;
+    emptyText?: string;
+    loadingText?: string;
+    searchPlaceholder?: string;
+    onChange?: (value: T | undefined) => void;
+    onSearch?: (query: string) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    renderOption?: (option: SelectOption<T>, isSelected: boolean) => ReactNode;
+    renderValue?: (option: SelectOption<T>) => ReactNode;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    name?: string;
+    ariaLabel?: string;
+}
+export interface SelectTriggerProps {
+    isOpen: boolean;
+    disabled: boolean;
+    loading: boolean;
+    size: SelectBoxSize;
+    variant: SelectBoxVariant;
+    hasValue: boolean;
+    hasError: boolean;
+    onClick: () => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+}
+export interface SelectDropdownProps {
+    isOpen: boolean;
+    position: "top" | "bottom";
+    size: SelectBoxSize;
+    maxHeight: number;
+}
+export interface SelectOptionItemProps<T = string> {
+    option: SelectOption<T>;
+    isSelected: boolean;
+    isHighlighted: boolean;
+    size: SelectBoxSize;
+    onClick: () => void;
+    onMouseEnter: () => void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/fe/components/SelectBox/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/SetPasswordPage/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/SetPasswordPage/components/SetPasswordForm.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import { type SetPasswordFormProps } from "../types";
+export declare function SetPasswordForm({ passwordChangeAction, passwordSetAction, isInvite, onSuccess, onBackToLogin, backToLoginHref, passwordPolicy, }: SetPasswordFormProps): ReactElement;
+//# sourceMappingURL=SetPasswordForm.d.ts.map

package/dist/fe/components/SetPasswordPage/components/SetPasswordHeader.d.ts

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

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

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+import type { SetPasswordPageConfig } from "../types";
+export declare function SetPasswordPage({ logo, title, subtitle, inviteTitle, inviteSubtitle, token, isInvite, magicLinkVerifyAction, passwordChangeAction, passwordSetAction, onBackToLogin, onSuccess, backToLoginHref, showBackground, className, passwordPolicy, }: SetPasswordPageConfig): ReactElement;
+//# sourceMappingURL=SetPasswordPage.d.ts.map

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

@@ -0,0 +1,9 @@
+export { PasswordStrengthIndicator } from "./components/PasswordStrengthIndicator";
+export { SetPasswordForm } from "./components/SetPasswordForm";
+export { SetPasswordHeader } from "./components/SetPasswordHeader";
+export { SetPasswordPage } from "./components/SetPasswordPage";
+export { useSetPasswordStore } from "./store";
+export { extendSetPasswordPageTheme, type SetPasswordPageTheme, setPasswordPageTheme, } from "./theme";
+export type { MagicLinkVerifyAction, MagicLinkVerifyError, MagicLinkVerifyResponse, PasswordChangeAction, PasswordChangeError, PasswordChangeResponse, PasswordPolicy, PasswordSetAction, PasswordStrength, SetPasswordFormProps, SetPasswordHeaderProps, SetPasswordPageConfig, SetPasswordStep, } from "./types";
+export { DEFAULT_PASSWORD_POLICY } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,16 @@
+import type { SetPasswordState, SetPasswordStep } from "../types";
+type SetPasswordMethods = {
+    [key: string]: unknown;
+    setNewPassword: (password: string, minLength?: number) => void;
+    setConfirmPassword: (password: string) => void;
+    setStep: (step: SetPasswordStep) => void;
+    setError: (error: string | null) => void;
+    setUserId: (userId: string) => void;
+    reset: () => void;
+};
+type SetPasswordStoreState = SetPasswordState & {
+    [key: string]: unknown;
+};
+export declare const useSetPasswordStore: () => import("h-state").StoreType<SetPasswordStoreState, SetPasswordMethods>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,95 @@
+export declare const setPasswordPageTheme: {
+    container: {
+        base: string;
+        wrapper: string;
+    };
+    card: {
+        base: string;
+        padding: string;
+        background: string;
+        border: string;
+        shadow: string;
+        rounded: string;
+    };
+    header: {
+        wrapper: string;
+        logo: string;
+        title: string;
+        subtitle: string;
+    };
+    form: {
+        wrapper: string;
+        inputGroup: string;
+        label: string;
+        input: string;
+        error: string;
+        submitButton: string;
+        backLink: string;
+        backLinkText: string;
+    };
+    alert: {
+        error: string;
+        success: string;
+    };
+    states: {
+        verifying: {
+            wrapper: string;
+            iconWrapper: string;
+            spinner: string;
+            title: string;
+            subtitle: string;
+        };
+        error: {
+            iconWrapper: string;
+            icon: string;
+            title: string;
+            subtitle: string;
+            errorMessage: string;
+            helpText: string;
+            buttonPrimary: string;
+            buttonSecondary: string;
+        };
+        success: {
+            iconWrapper: string;
+            icon: string;
+            title: string;
+            subtitle: string;
+            redirectSpinner: string;
+            redirectText: string;
+        };
+    };
+    footer: string;
+    layout: {
+        textCenter: string;
+        buttonGroup: string;
+        redirectWrapper: string;
+    };
+    passwordStrength: {
+        container: string;
+        bar: {
+            wrapper: string;
+            segment: string;
+            inactive: string;
+            active: {
+                weak: string;
+                fair: string;
+                good: string;
+                strong: string;
+                veryStrong: string;
+            };
+        };
+        requirements: {
+            container: string;
+            item: string;
+            met: string;
+            unmet: string;
+            icon: {
+                met: string;
+                unmet: string;
+            };
+        };
+    };
+};
+export type SetPasswordPageTheme = typeof setPasswordPageTheme;
+export declare function extendSetPasswordPageTheme(overrides: Partial<SetPasswordPageTheme>): SetPasswordPageTheme;
+//# sourceMappingURL=index.d.ts.map