strata-ui-react 0.1.10 → 0.1.11

package/dist/index.d.ts

@@ -1 +1,312 @@
-export {}
+import { AppFieldExtendedReactFieldGroupApi } from '@tanstack/react-form';
+import { AppFieldExtendedReactFormApi } from '@tanstack/react-form';
+import { Avatar as Avatar_2 } from '@base-ui/react/avatar';
+import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentProps } from 'react';
+import { DeepKeysOfType } from '@tanstack/react-form';
+import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
+import { FieldsMap } from '@tanstack/react-form';
+import { FormAsyncValidateOrFn } from '@tanstack/react-form';
+import { FormOptions } from '@tanstack/react-form';
+import { FormValidateOrFn } from '@tanstack/react-form';
+import { FunctionComponent } from 'react';
+import { Icon } from '@phosphor-icons/react';
+import { Input as Input_2 } from '@base-ui/react/input';
+import { JSX } from 'react/jsx-runtime';
+import { KeyboardEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
+import { PropsWithChildren } from 'react';
+import { Ranger } from '@tanstack/react-ranger';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
+import { Separator as Separator_2 } from '@base-ui/react/separator';
+import { Switch as Switch_2 } from '@base-ui/react/switch';
+import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
+import { Toast as Toast_2 } from '@base-ui/react/toast';
+import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
+import { TouchEventHandler } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { WithFieldGroupProps } from '@tanstack/react-form';
+import { WithFormProps } from '@tanstack/react-form';
+
+export declare const Avatar: ({ className, children, ref, ...props }: AvatarProps) => JSX.Element;
+
+export declare const AvatarFallback: ({ className, ref, ...props }: AvatarFallbackProps) => JSX.Element;
+
+export declare type AvatarFallbackProps = ComponentProps<typeof Avatar_2.Fallback>;
+
+export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => JSX.Element;
+
+export declare type AvatarImageProps = ComponentProps<typeof Avatar_2.Image>;
+
+export declare type AvatarProps = ComponentProps<typeof Avatar_2.Root>;
+
+export declare const Badge: ({ className, tone, style, radius, children, ref, ...props }: BadgeExtendedProps) => JSX.Element;
+
+export declare interface BadgeExtendedProps extends Omit<BadgeProps, "style">, VariantProps<typeof badgeVariants> {
+    style?: "solid" | "outline";
+    radius?: "rounded" | "circle";
+}
+
+declare type BadgeProps = ComponentProps<"div">;
+
+declare const badgeVariants: (props?: ({
+    tone?: "primary" | "secondary" | "tertiary" | "neutral" | "error" | "success" | "warning" | null | undefined;
+    style?: "solid" | "outline" | null | undefined;
+    radius?: "circle" | "rounded" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Button({ className, children, tone, style, size, ...props }: ButtonExtendedProps): JSX.Element;
+
+export declare interface ButtonExtendedProps extends Omit<ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
+    style?: "solid" | "outline" | "ghost";
+}
+
+declare const buttonVariants: (props?: ({
+    tone?: "primary" | "secondary" | "neutral" | "success" | "warning" | "destructive" | "glass" | "accent" | null | undefined;
+    style?: "solid" | "outline" | "ghost" | null | undefined;
+    size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Checkbox: ({ className, ref, label, id, disabled, ...props }: CheckboxRootProps) => JSX.Element;
+
+export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => JSX.Element;
+
+export declare type CheckboxIndicatorProps = ComponentProps<typeof Checkbox_2.Indicator>;
+
+export declare type CheckboxRootProps = ComponentProps<typeof Checkbox_2.Root> & {
+    label?: ReactNode;
+};
+
+export declare function cn(...inputs: Array<ClassValue>): string;
+
+export declare const Dialog: ({ ...props }: DialogProps) => JSX.Element;
+
+export declare const DialogClose: ({ className, children, ref, ...props }: DialogCloseProps) => JSX.Element;
+
+export declare type DialogCloseProps = ComponentProps<typeof Dialog_2.Close>;
+
+export declare const DialogDescription: ({ className, children, ref, ...props }: DialogDescriptionProps) => JSX.Element;
+
+export declare type DialogDescriptionProps = ComponentProps<typeof Dialog_2.Description>;
+
+export declare const DialogPopup: ({ className, children, showCloseButton, ref, ...props }: DialogPopupProps) => JSX.Element;
+
+export declare type DialogPopupProps = ComponentProps<typeof Dialog_2.Popup> & {
+    showCloseButton?: boolean;
+};
+
+export declare type DialogProps = ComponentProps<typeof Dialog_2.Root>;
+
+export declare const DialogTitle: ({ className, children, ref, ...props }: DialogTitleProps) => JSX.Element;
+
+export declare type DialogTitleProps = ComponentProps<typeof Dialog_2.Title>;
+
+export declare const DialogTrigger: ({ className, children, ref, ...props }: DialogTriggerProps) => JSX.Element;
+
+export declare type DialogTriggerProps = ComponentProps<typeof Dialog_2.Trigger>;
+
+export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+
+export declare type FieldErrorsProps = ComponentProps<"div">;
+
+export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+
+export declare type FieldInputProps = InputProps;
+
+export declare type FieldSubmitButtonProps = ButtonExtendedProps & {
+    submittingText?: string;
+};
+
+export declare const Form: {
+    useAppForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }>;
+    withForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }, TRenderProps>) => FunctionComponent<PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }>;
+    }>>;
+    withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: WithFieldGroupProps<TFieldGroupData, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | FieldsMap<TFormData, TFieldGroupData>, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: PropsWithChildren<NoInfer<TRenderProps> & {
+    form: AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }> | AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+    readonly FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
+    }, {
+    readonly FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+    readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+    }>;
+    fields: TFields;
+    }>) => ReturnType<FunctionComponent>;
+};
+
+export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
+
+export declare type FormErrorsProps = ComponentProps<"div">;
+
+export declare const FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
+
+export declare const Input: ({ leadingIcon, showSeparator, className, ref, ...props }: InputProps) => JSX.Element;
+
+export declare type InputProps = ComponentProps<typeof Input_2> & {
+    leadingIcon?: Icon;
+    showSeparator?: boolean;
+};
+
+export declare const Label: ({ className, children, ref, ...props }: LabelProps) => JSX.Element;
+
+export declare type LabelProps = ComponentProps<"label">;
+
+export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, children, ref, ...props }: ProfileProps) => JSX.Element;
+
+export declare type ProfileProps = ComponentProps<"button"> & {
+    imageUrl: string;
+    fallbackText: string;
+    profileName?: string;
+    profileEmail?: string;
+    compact?: boolean;
+};
+
+export declare const ScrollArea: ({ orientation, className, children, ref, ...props }: ScrollAreaProps) => JSX.Element;
+
+export declare type ScrollAreaProps = ComponentProps<typeof ScrollArea_2.Root> & {
+    orientation?: "horizontal" | "vertical";
+};
+
+export declare const Separator: ({ className, children, ref, ...props }: SeparatorProps) => JSX.Element;
+
+export declare type SeparatorProps = Omit<ComponentProps<typeof Separator_2>, "style"> & VariantProps<typeof separatorVariants>;
+
+declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    thickness?: "medium" | "thick" | "thin" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Slider: ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, min, max, stepSize, defaultValues, showTickLabels, label, className, ref, ...props }: SliderProps) => JSX.Element;
+
+export declare const SliderHandle: ({ sliderInstance, isActive, onKeyDownHandler, onMouseDownHandler, onTouchStart, value, className, children, ref, ...props }: SliderHandleProps) => JSX.Element;
+
+export declare type SliderHandleProps = ComponentProps<"button"> & {
+    sliderInstance: Ranger<HTMLDivElement>;
+    isActive: boolean;
+    onKeyDownHandler: KeyboardEventHandler<HTMLButtonElement>;
+    onMouseDownHandler: MouseEventHandler<HTMLButtonElement>;
+    onTouchStart: TouchEventHandler<HTMLButtonElement>;
+    value: number;
+};
+
+export declare type SliderProps = ComponentProps<"div"> & {
+    leadingIcon?: Icon;
+    trailingIcon?: Icon;
+    min?: number;
+    max?: number;
+    stepSize?: number;
+    defaultValues?: Array<number>;
+    showTickLabels?: boolean;
+    label?: string;
+};
+
+export declare const SliderSegment: ({ index, steps, left, width, className, children, ref, ...props }: SliderSegmentProps) => JSX.Element;
+
+export declare type SliderSegmentProps = ComponentProps<"div"> & {
+    index: number;
+    steps: number;
+    left: number;
+    width: number;
+};
+
+export declare const SliderTick: ({ percentage, className, children, ref, ...props }: SliderTickProps) => JSX.Element;
+
+export declare const SliderTickLabel: ({ className, children, ref, ...props }: SliderTickLabelProps) => JSX.Element;
+
+export declare type SliderTickLabelProps = ComponentProps<"p">;
+
+export declare type SliderTickProps = ComponentProps<"div"> & {
+    percentage: number;
+};
+
+export declare const SliderTrack: ({ className, children, sliderRef, ...props }: SliderTrackProps) => JSX.Element;
+
+export declare type SliderTrackProps = ComponentProps<"div"> & {
+    sliderRef: RefObject<HTMLDivElement | null>;
+};
+
+export declare const Switch: ({ label, className, ref, ...props }: SwitchProps) => JSX.Element;
+
+export declare type SwitchProps = ComponentProps<typeof Switch_2.Root> & {
+    label?: string;
+};
+
+export declare const Tabs: ({ className, ref, ...props }: TabsProps) => JSX.Element;
+
+export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => JSX.Element;
+
+export declare type TabsIndicatorProps = ComponentProps<typeof Tabs_2.Indicator>;
+
+export declare const TabsList: ({ className, ...props }: TabsListProps) => JSX.Element;
+
+export declare type TabsListProps = ComponentProps<typeof Tabs_2.List>;
+
+export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => JSX.Element;
+
+export declare type TabsPanelProps = ComponentProps<typeof Tabs_2.Panel>;
+
+export declare type TabsProps = ComponentProps<typeof Tabs_2.Root>;
+
+export declare const TabsTab: ({ className, ...props }: TabsTabProps) => JSX.Element;
+
+export declare type TabsTabProps = ComponentProps<typeof Tabs_2.Tab>;
+
+export declare const Toast: ({ className, children, position, ref, ...props }: ToastProps) => JSX.Element[];
+
+export declare type ToastProps = ComponentProps<"div"> & {
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+};
+
+export declare const ToastProvider: ({ position, className, children, ref, ...props }: ToastProviderProps) => JSX.Element;
+
+export declare type ToastProviderProps = ComponentProps<typeof Toast_2.Viewport> & {
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+};
+
+export declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Element;
+
+export declare const TooltipContent: ({ className, children, ...props }: TooltipContentProps) => JSX.Element;
+
+export declare type TooltipContentProps = ComponentProps<typeof Tooltip_2.Popup>;
+
+export declare type TooltipProps = ComponentProps<typeof Tooltip_2.Root>;
+
+export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => JSX.Element;
+
+export declare type TooltipTriggerProps = ComponentProps<typeof Tooltip_2.Trigger>;
+
+export { }