strata-ui-react 0.2.4 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +2 -0
- package/dist/components/avatar/avatar-fallback.d.ts +2 -0
- package/dist/components/avatar/avatar-image.d.ts +2 -0
- package/dist/components/avatar/avatar.d.ts +2 -0
- package/dist/components/avatar/avatar.types.d.ts +5 -0
- package/dist/components/avatar/index.d.ts +4 -0
- package/dist/components/badge/badge.d.ts +2 -0
- package/dist/components/badge/badge.types.d.ts +13 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/button/button.d.ts +2 -0
- package/dist/components/button/button.types.d.ts +10 -0
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/checkbox/checkbox-indicator.d.ts +2 -0
- package/dist/components/checkbox/checkbox.d.ts +2 -0
- package/dist/components/checkbox/checkbox.types.d.ts +6 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/dialog/dialog-close.d.ts +2 -0
- package/dist/components/dialog/dialog-description.d.ts +2 -0
- package/dist/components/dialog/dialog-popup.d.ts +2 -0
- package/dist/components/dialog/dialog-title.d.ts +2 -0
- package/dist/components/dialog/dialog-trigger.d.ts +2 -0
- package/dist/components/dialog/dialog.d.ts +2 -0
- package/dist/components/dialog/dialog.types.d.ts +10 -0
- package/dist/components/dialog/index.d.ts +7 -0
- package/dist/components/form/field-errors.d.ts +2 -0
- package/dist/components/form/field-input.d.ts +2 -0
- package/dist/components/form/form-errors.d.ts +2 -0
- package/dist/components/form/form-submit.d.ts +2 -0
- package/dist/components/form/form.d.ts +46 -0
- package/dist/components/form/form.types.d.ts +10 -0
- package/dist/components/form/index.d.ts +6 -0
- package/dist/components/index.d.ts +16 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/input.d.ts +2 -0
- package/dist/components/input/input.types.d.ts +7 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/label.d.ts +2 -0
- package/dist/components/label/label.types.d.ts +2 -0
- package/dist/components/profile/index.d.ts +2 -0
- package/dist/components/profile/profile.d.ts +2 -0
- package/dist/components/profile/profile.types.d.ts +8 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.types.d.ts +5 -0
- package/dist/components/separator/index.d.ts +2 -0
- package/dist/components/separator/separator.d.ts +2 -0
- package/dist/components/separator/separator.types.d.ts +8 -0
- package/dist/components/slider/index.d.ts +7 -0
- package/dist/components/slider/slider-handle.d.ts +2 -0
- package/dist/components/slider/slider-segment.d.ts +2 -0
- package/dist/components/slider/slider-tick-label.d.ts +2 -0
- package/dist/components/slider/slider-tick.d.ts +2 -0
- package/dist/components/slider/slider-track.d.ts +2 -0
- package/dist/components/slider/slider.d.ts +2 -0
- package/dist/components/slider/slider.types.d.ts +34 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/switch.d.ts +2 -0
- package/dist/components/switch/switch.types.d.ts +5 -0
- package/dist/components/tabs/index.d.ts +6 -0
- package/dist/components/tabs/tabs-indicator.d.ts +2 -0
- package/dist/components/tabs/tabs-list.d.ts +2 -0
- package/dist/components/tabs/tabs-panel.d.ts +2 -0
- package/dist/components/tabs/tabs-tab.d.ts +2 -0
- package/dist/components/tabs/tabs.d.ts +2 -0
- package/dist/components/tabs/tabs.types.d.ts +8 -0
- package/dist/components/toast/index.d.ts +3 -0
- package/dist/components/toast/toast-provider.d.ts +2 -0
- package/dist/components/toast/toast.d.ts +2 -0
- package/dist/components/toast/toast.types.d.ts +8 -0
- package/dist/components/tooltip/index.d.ts +4 -0
- package/dist/components/tooltip/tooltip-context.d.ts +2 -0
- package/dist/components/tooltip/tooltip-trigger.d.ts +2 -0
- package/dist/components/tooltip/tooltip.d.ts +2 -0
- package/dist/components/tooltip/tooltip.types.d.ts +5 -0
- package/dist/index.d.ts +2 -312
- package/dist/main.d.ts +0 -0
- package/dist/utils/cn.d.ts +2 -0
- package/package.json +3 -6
- package/dist/strata-ui-react.cjs.js +0 -29
package/dist/App.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type AvatarProps = ComponentProps<typeof BaseAvatar.Root>;
|
|
4
|
+
export type AvatarImageProps = ComponentProps<typeof BaseAvatar.Image>;
|
|
5
|
+
export type AvatarFallbackProps = ComponentProps<typeof BaseAvatar.Fallback>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export declare const badgeVariants: (props?: ({
|
|
4
|
+
tone?: "primary" | "secondary" | "tertiary" | "neutral" | "error" | "success" | "warning" | null | undefined;
|
|
5
|
+
style?: "solid" | "outline" | null | undefined;
|
|
6
|
+
radius?: "circle" | "rounded" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
type BadgeProps = ComponentProps<"div">;
|
|
9
|
+
export interface BadgeExtendedProps extends Omit<BadgeProps, "style">, VariantProps<typeof badgeVariants> {
|
|
10
|
+
style?: "solid" | "outline";
|
|
11
|
+
radius?: "rounded" | "circle";
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export declare const buttonVariants: (props?: ({
|
|
4
|
+
tone?: "primary" | "secondary" | "neutral" | "success" | "warning" | "destructive" | "glass" | "accent" | null | undefined;
|
|
5
|
+
style?: "solid" | "outline" | "ghost" | null | undefined;
|
|
6
|
+
size?: "small" | "medium" | "large" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export interface ButtonExtendedProps extends Omit<ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
|
|
9
|
+
style?: "solid" | "outline" | "ghost";
|
|
10
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
|
|
2
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
3
|
+
export type CheckboxRootProps = ComponentProps<typeof BaseCheckbox.Root> & {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export type CheckboxIndicatorProps = ComponentProps<typeof BaseCheckbox.Indicator>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Dialog as BaseDialog } from '@base-ui/react/dialog';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type DialogProps = ComponentProps<typeof BaseDialog.Root>;
|
|
4
|
+
export type DialogTriggerProps = ComponentProps<typeof BaseDialog.Trigger>;
|
|
5
|
+
export type DialogPopupProps = ComponentProps<typeof BaseDialog.Popup> & {
|
|
6
|
+
showCloseButton?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type DialogTitleProps = ComponentProps<typeof BaseDialog.Title>;
|
|
9
|
+
export type DialogDescriptionProps = ComponentProps<typeof BaseDialog.Description>;
|
|
10
|
+
export type DialogCloseProps = ComponentProps<typeof BaseDialog.Close>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Dialog } from './dialog';
|
|
2
|
+
export type { DialogCloseProps, DialogDescriptionProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
|
|
3
|
+
export { DialogClose } from './dialog-close';
|
|
4
|
+
export { DialogDescription } from './dialog-description';
|
|
5
|
+
export { DialogPopup } from './dialog-popup';
|
|
6
|
+
export { DialogTitle } from './dialog-title';
|
|
7
|
+
export { DialogTrigger } from './dialog-trigger';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export declare const Form: {
|
|
2
|
+
useAppForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/react-form').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
3
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
}, {
|
|
6
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
}>;
|
|
9
|
+
withForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import('@tanstack/react-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
|
|
10
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
}, {
|
|
13
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
}, TRenderProps>) => import('react').FunctionComponent<import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
|
|
16
|
+
form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
|
|
17
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
}, {
|
|
20
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
}>;
|
|
23
|
+
}>>;
|
|
24
|
+
withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import('@tanstack/react-form').WithFieldGroupProps<TFieldGroupData, {
|
|
25
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
}, {
|
|
28
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/react-form').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/react-form').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import('react').PropsWithChildren<NoInfer<TRenderProps> & {
|
|
31
|
+
form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
32
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
}, {
|
|
35
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
}> | import('@tanstack/react-form').AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import('@tanstack/react-form').FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
|
|
38
|
+
readonly FieldErrors: ({ className, children, ref, ...props }: import('./form.types').FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
readonly FieldInput: ({ className, children, ref, ...props }: import('./form.types').FieldInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
}, {
|
|
41
|
+
readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
readonly FormSubmit: ({ submittingText, className, children, ref, ...props }: import('./form.types').FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
}>;
|
|
44
|
+
fields: TFields;
|
|
45
|
+
}>) => ReturnType<import('react').FunctionComponent>;
|
|
46
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { ButtonExtendedProps } from '../button';
|
|
3
|
+
import { InputProps } from '../input';
|
|
4
|
+
export declare const fieldContext: import('react').Context<import('@tanstack/react-form').AnyFieldApi>, useFieldContext: <TData>() => import('@tanstack/react-form').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import('react').Context<import('@tanstack/react-form').AnyFormApi>, useFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
|
|
5
|
+
export type FieldInputProps = InputProps;
|
|
6
|
+
export type FieldErrorsProps = ComponentProps<"div">;
|
|
7
|
+
export type FormErrorsProps = ComponentProps<"div">;
|
|
8
|
+
export type FieldSubmitButtonProps = ButtonExtendedProps & {
|
|
9
|
+
submittingText?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { FieldErrors } from './field-errors';
|
|
2
|
+
export { FieldInput } from './field-input';
|
|
3
|
+
export { Form } from './form';
|
|
4
|
+
export type { FieldErrorsProps, FieldInputProps, FieldSubmitButtonProps, FormErrorsProps, } from './form.types';
|
|
5
|
+
export { FormErrors } from './form-errors';
|
|
6
|
+
export { FormSubmit } from './form-submit';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './avatar';
|
|
2
|
+
export * from './badge';
|
|
3
|
+
export * from './button';
|
|
4
|
+
export * from './checkbox';
|
|
5
|
+
export * from './dialog';
|
|
6
|
+
export * from './form';
|
|
7
|
+
export * from './input';
|
|
8
|
+
export * from './label';
|
|
9
|
+
export * from './profile';
|
|
10
|
+
export * from './scroll-area';
|
|
11
|
+
export * from './separator';
|
|
12
|
+
export * from './slider';
|
|
13
|
+
export * from './switch';
|
|
14
|
+
export * from './tabs';
|
|
15
|
+
export * from './toast';
|
|
16
|
+
export * from './tooltip';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Separator as BaseSeparator } from '@base-ui/react/separator';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
export declare const separatorVariants: (props?: ({
|
|
5
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
6
|
+
thickness?: "medium" | "thick" | "thin" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
export type SeparatorProps = Omit<ComponentProps<typeof BaseSeparator>, "style"> & VariantProps<typeof separatorVariants>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Slider } from './slider';
|
|
2
|
+
export type { SliderHandleProps, SliderProps, SliderSegmentProps, SliderTickLabelProps, SliderTickProps, SliderTrackProps, } from './slider.types';
|
|
3
|
+
export { SliderHandle } from './slider-handle';
|
|
4
|
+
export { SliderSegment } from './slider-segment';
|
|
5
|
+
export { SliderTick } from './slider-tick';
|
|
6
|
+
export { SliderTickLabel } from './slider-tick-label';
|
|
7
|
+
export { SliderTrack } from './slider-track';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Icon } from '@phosphor-icons/react';
|
|
2
|
+
import { Ranger } from '@tanstack/react-ranger';
|
|
3
|
+
import { ComponentProps, KeyboardEventHandler, MouseEventHandler, RefObject, TouchEventHandler } from 'react';
|
|
4
|
+
export type SliderProps = ComponentProps<"div"> & {
|
|
5
|
+
leadingIcon?: Icon;
|
|
6
|
+
trailingIcon?: Icon;
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
stepSize?: number;
|
|
10
|
+
defaultValues?: Array<number>;
|
|
11
|
+
showTickLabels?: boolean;
|
|
12
|
+
label?: string;
|
|
13
|
+
};
|
|
14
|
+
export type SliderTrackProps = ComponentProps<"div"> & {
|
|
15
|
+
sliderRef: RefObject<HTMLDivElement | null>;
|
|
16
|
+
};
|
|
17
|
+
export type SliderHandleProps = ComponentProps<"button"> & {
|
|
18
|
+
sliderInstance: Ranger<HTMLDivElement>;
|
|
19
|
+
isActive: boolean;
|
|
20
|
+
onKeyDownHandler: KeyboardEventHandler<HTMLButtonElement>;
|
|
21
|
+
onMouseDownHandler: MouseEventHandler<HTMLButtonElement>;
|
|
22
|
+
onTouchStart: TouchEventHandler<HTMLButtonElement>;
|
|
23
|
+
value: number;
|
|
24
|
+
};
|
|
25
|
+
export type SliderSegmentProps = ComponentProps<"div"> & {
|
|
26
|
+
index: number;
|
|
27
|
+
steps: number;
|
|
28
|
+
left: number;
|
|
29
|
+
width: number;
|
|
30
|
+
};
|
|
31
|
+
export type SliderTickProps = ComponentProps<"div"> & {
|
|
32
|
+
percentage: number;
|
|
33
|
+
};
|
|
34
|
+
export type SliderTickLabelProps = ComponentProps<"p">;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Tabs } from './tabs';
|
|
2
|
+
export type { TabsIndicatorProps, TabsListProps, TabsPanelProps, TabsProps, TabsTabProps, } from './tabs.types';
|
|
3
|
+
export { TabsIndicator } from './tabs-indicator';
|
|
4
|
+
export { TabsList } from './tabs-list';
|
|
5
|
+
export { TabsPanel } from './tabs-panel';
|
|
6
|
+
export { TabsTab } from './tabs-tab';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Tabs as SwitchTabs } from '@base-ui/react/tabs';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type TabsProps = ComponentProps<typeof SwitchTabs.Root>;
|
|
4
|
+
export type TabsPanelProps = ComponentProps<typeof SwitchTabs.Panel>;
|
|
5
|
+
export type TabsTabProps = ComponentProps<typeof SwitchTabs.Tab>;
|
|
6
|
+
export type TabsIndicatorProps = ComponentProps<typeof SwitchTabs.Indicator>;
|
|
7
|
+
export type TabsListProps = ComponentProps<typeof SwitchTabs.List>;
|
|
8
|
+
export declare const TabsOrientationContext: import('react').Context<"horizontal" | "vertical">;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Toast as BaseToast } from '@base-ui/react/toast';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type ToastProviderProps = ComponentProps<typeof BaseToast.Viewport> & {
|
|
4
|
+
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
5
|
+
};
|
|
6
|
+
export type ToastProps = ComponentProps<"div"> & {
|
|
7
|
+
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
8
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
export type TooltipProps = ComponentProps<typeof BaseTooltip.Root>;
|
|
4
|
+
export type TooltipTriggerProps = ComponentProps<typeof BaseTooltip.Trigger>;
|
|
5
|
+
export type TooltipContentProps = ComponentProps<typeof BaseTooltip.Popup>;
|