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.
Files changed (79) hide show
  1. package/dist/App.d.ts +2 -0
  2. package/dist/components/avatar/avatar-fallback.d.ts +2 -0
  3. package/dist/components/avatar/avatar-image.d.ts +2 -0
  4. package/dist/components/avatar/avatar.d.ts +2 -0
  5. package/dist/components/avatar/avatar.types.d.ts +5 -0
  6. package/dist/components/avatar/index.d.ts +4 -0
  7. package/dist/components/badge/badge.d.ts +2 -0
  8. package/dist/components/badge/badge.types.d.ts +13 -0
  9. package/dist/components/badge/index.d.ts +2 -0
  10. package/dist/components/button/button.d.ts +2 -0
  11. package/dist/components/button/button.types.d.ts +10 -0
  12. package/dist/components/button/index.d.ts +2 -0
  13. package/dist/components/checkbox/checkbox-indicator.d.ts +2 -0
  14. package/dist/components/checkbox/checkbox.d.ts +2 -0
  15. package/dist/components/checkbox/checkbox.types.d.ts +6 -0
  16. package/dist/components/checkbox/index.d.ts +3 -0
  17. package/dist/components/dialog/dialog-close.d.ts +2 -0
  18. package/dist/components/dialog/dialog-description.d.ts +2 -0
  19. package/dist/components/dialog/dialog-popup.d.ts +2 -0
  20. package/dist/components/dialog/dialog-title.d.ts +2 -0
  21. package/dist/components/dialog/dialog-trigger.d.ts +2 -0
  22. package/dist/components/dialog/dialog.d.ts +2 -0
  23. package/dist/components/dialog/dialog.types.d.ts +10 -0
  24. package/dist/components/dialog/index.d.ts +7 -0
  25. package/dist/components/form/field-errors.d.ts +2 -0
  26. package/dist/components/form/field-input.d.ts +2 -0
  27. package/dist/components/form/form-errors.d.ts +2 -0
  28. package/dist/components/form/form-submit.d.ts +2 -0
  29. package/dist/components/form/form.d.ts +46 -0
  30. package/dist/components/form/form.types.d.ts +10 -0
  31. package/dist/components/form/index.d.ts +6 -0
  32. package/dist/components/index.d.ts +16 -0
  33. package/dist/components/input/index.d.ts +2 -0
  34. package/dist/components/input/input.d.ts +2 -0
  35. package/dist/components/input/input.types.d.ts +7 -0
  36. package/dist/components/label/index.d.ts +2 -0
  37. package/dist/components/label/label.d.ts +2 -0
  38. package/dist/components/label/label.types.d.ts +2 -0
  39. package/dist/components/profile/index.d.ts +2 -0
  40. package/dist/components/profile/profile.d.ts +2 -0
  41. package/dist/components/profile/profile.types.d.ts +8 -0
  42. package/dist/components/scroll-area/index.d.ts +2 -0
  43. package/dist/components/scroll-area/scroll-area.d.ts +2 -0
  44. package/dist/components/scroll-area/scroll-area.types.d.ts +5 -0
  45. package/dist/components/separator/index.d.ts +2 -0
  46. package/dist/components/separator/separator.d.ts +2 -0
  47. package/dist/components/separator/separator.types.d.ts +8 -0
  48. package/dist/components/slider/index.d.ts +7 -0
  49. package/dist/components/slider/slider-handle.d.ts +2 -0
  50. package/dist/components/slider/slider-segment.d.ts +2 -0
  51. package/dist/components/slider/slider-tick-label.d.ts +2 -0
  52. package/dist/components/slider/slider-tick.d.ts +2 -0
  53. package/dist/components/slider/slider-track.d.ts +2 -0
  54. package/dist/components/slider/slider.d.ts +2 -0
  55. package/dist/components/slider/slider.types.d.ts +34 -0
  56. package/dist/components/switch/index.d.ts +2 -0
  57. package/dist/components/switch/switch.d.ts +2 -0
  58. package/dist/components/switch/switch.types.d.ts +5 -0
  59. package/dist/components/tabs/index.d.ts +6 -0
  60. package/dist/components/tabs/tabs-indicator.d.ts +2 -0
  61. package/dist/components/tabs/tabs-list.d.ts +2 -0
  62. package/dist/components/tabs/tabs-panel.d.ts +2 -0
  63. package/dist/components/tabs/tabs-tab.d.ts +2 -0
  64. package/dist/components/tabs/tabs.d.ts +2 -0
  65. package/dist/components/tabs/tabs.types.d.ts +8 -0
  66. package/dist/components/toast/index.d.ts +3 -0
  67. package/dist/components/toast/toast-provider.d.ts +2 -0
  68. package/dist/components/toast/toast.d.ts +2 -0
  69. package/dist/components/toast/toast.types.d.ts +8 -0
  70. package/dist/components/tooltip/index.d.ts +4 -0
  71. package/dist/components/tooltip/tooltip-context.d.ts +2 -0
  72. package/dist/components/tooltip/tooltip-trigger.d.ts +2 -0
  73. package/dist/components/tooltip/tooltip.d.ts +2 -0
  74. package/dist/components/tooltip/tooltip.types.d.ts +5 -0
  75. package/dist/index.d.ts +2 -312
  76. package/dist/main.d.ts +0 -0
  77. package/dist/utils/cn.d.ts +2 -0
  78. package/package.json +3 -6
  79. package/dist/strata-ui-react.cjs.js +0 -29
package/dist/App.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function App(): import("react/jsx-runtime").JSX.Element;
2
+ export default App;
@@ -0,0 +1,2 @@
1
+ import { AvatarFallbackProps } from './avatar.types';
2
+ export declare const AvatarFallback: ({ className, ref, ...props }: AvatarFallbackProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AvatarImageProps } from './avatar.types';
2
+ export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { AvatarProps } from './avatar.types';
2
+ export declare const Avatar: ({ className, children, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,4 @@
1
+ export { Avatar } from './avatar';
2
+ export type { AvatarFallbackProps, AvatarImageProps, AvatarProps, } from './avatar.types';
3
+ export { AvatarFallback } from './avatar-fallback';
4
+ export { AvatarImage } from './avatar-image';
@@ -0,0 +1,2 @@
1
+ import { BadgeExtendedProps } from './badge.types';
2
+ export declare const Badge: ({ className, tone, style, radius, children, ref, ...props }: BadgeExtendedProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ export { Badge } from './badge';
2
+ export type { BadgeExtendedProps } from './badge.types';
@@ -0,0 +1,2 @@
1
+ import { ButtonExtendedProps } from './button.types';
2
+ export declare function Button({ className, children, tone, style, size, ...props }: ButtonExtendedProps): import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ export { Button } from './button';
2
+ export type { ButtonExtendedProps } from './button.types';
@@ -0,0 +1,2 @@
1
+ import { CheckboxIndicatorProps } from './checkbox.types';
2
+ export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { CheckboxRootProps } from './checkbox.types';
2
+ export declare const Checkbox: ({ className, ref, label, id, disabled, ...props }: CheckboxRootProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,3 @@
1
+ export { Checkbox } from './checkbox';
2
+ export type { CheckboxIndicatorProps, CheckboxRootProps, } from './checkbox.types';
3
+ export { CheckboxIndicator } from './checkbox-indicator';
@@ -0,0 +1,2 @@
1
+ import { DialogCloseProps } from './dialog.types';
2
+ export declare const DialogClose: ({ className, children, ref, ...props }: DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { DialogDescriptionProps } from './dialog.types';
2
+ export declare const DialogDescription: ({ className, children, ref, ...props }: DialogDescriptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { DialogPopupProps } from './dialog.types';
2
+ export declare const DialogPopup: ({ className, children, showCloseButton, ref, ...props }: DialogPopupProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { DialogTitleProps } from './dialog.types';
2
+ export declare const DialogTitle: ({ className, children, ref, ...props }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { DialogTriggerProps } from './dialog.types';
2
+ export declare const DialogTrigger: ({ className, children, ref, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { DialogProps } from './dialog.types';
2
+ export declare const Dialog: ({ ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import { FieldErrorsProps } from './form.types';
2
+ export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { FieldInputProps } from './form.types';
2
+ export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { FormErrorsProps } from './form.types';
2
+ export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { FieldSubmitButtonProps } from './form.types';
2
+ export declare const FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ export { Input } from './input';
2
+ export type { InputProps } from './input.types';
@@ -0,0 +1,2 @@
1
+ import { InputProps } from './input.types';
2
+ export declare const Input: ({ leadingIcon, showSeparator, className, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Input as BaseInput } from '@base-ui/react/input';
2
+ import { Icon } from '@phosphor-icons/react';
3
+ import { ComponentProps } from 'react';
4
+ export type InputProps = ComponentProps<typeof BaseInput> & {
5
+ leadingIcon?: Icon;
6
+ showSeparator?: boolean;
7
+ };
@@ -0,0 +1,2 @@
1
+ export { Label } from './label';
2
+ export type { LabelProps } from './label.types';
@@ -0,0 +1,2 @@
1
+ import { LabelProps } from './label.types';
2
+ export declare const Label: ({ className, children, ref, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ComponentProps } from 'react';
2
+ export type LabelProps = ComponentProps<"label">;
@@ -0,0 +1,2 @@
1
+ export { Profile } from './profile';
2
+ export type { ProfileProps } from './profile.types';
@@ -0,0 +1,2 @@
1
+ import { ProfileProps } from './profile.types';
2
+ export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, children, ref, ...props }: ProfileProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { ComponentProps } from 'react';
2
+ export type ProfileProps = ComponentProps<"button"> & {
3
+ imageUrl: string;
4
+ fallbackText: string;
5
+ profileName?: string;
6
+ profileEmail?: string;
7
+ compact?: boolean;
8
+ };
@@ -0,0 +1,2 @@
1
+ export { ScrollArea } from './scroll-area';
2
+ export type { ScrollAreaProps } from './scroll-area.types';
@@ -0,0 +1,2 @@
1
+ import { ScrollAreaProps } from './scroll-area.types';
2
+ export declare const ScrollArea: ({ orientation, className, children, ref, ...props }: ScrollAreaProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
2
+ import { ComponentProps } from 'react';
3
+ export type ScrollAreaProps = ComponentProps<typeof BaseScrollArea.Root> & {
4
+ orientation?: "horizontal" | "vertical";
5
+ };
@@ -0,0 +1,2 @@
1
+ export { Separator } from './separator';
2
+ export type { SeparatorProps } from './separator.types';
@@ -0,0 +1,2 @@
1
+ import { SeparatorProps } from './separator.types';
2
+ export declare const Separator: ({ className, children, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import { SliderHandleProps } from './slider.types';
2
+ export declare const SliderHandle: ({ sliderInstance, isActive, onKeyDownHandler, onMouseDownHandler, onTouchStart, value, className, children, ref, ...props }: SliderHandleProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SliderSegmentProps } from './slider.types';
2
+ export declare const SliderSegment: ({ index, steps, left, width, className, children, ref, ...props }: SliderSegmentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SliderTickLabelProps } from './slider.types';
2
+ export declare const SliderTickLabel: ({ className, children, ref, ...props }: SliderTickLabelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SliderTickProps } from './slider.types';
2
+ export declare const SliderTick: ({ percentage, className, children, ref, ...props }: SliderTickProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SliderTrackProps } from './slider.types';
2
+ export declare const SliderTrack: ({ className, children, sliderRef, ...props }: SliderTrackProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { SliderProps } from './slider.types';
2
+ export declare const Slider: ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, min, max, stepSize, defaultValues, showTickLabels, label, className, ref, ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ export { Switch } from './switch';
2
+ export type { SwitchProps } from './switch.types';
@@ -0,0 +1,2 @@
1
+ import { SwitchProps } from './switch.types';
2
+ export declare const Switch: ({ label, className, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Switch as BaseSwitch } from '@base-ui/react/switch';
2
+ import { ComponentProps } from 'react';
3
+ export type SwitchProps = ComponentProps<typeof BaseSwitch.Root> & {
4
+ label?: string;
5
+ };
@@ -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,2 @@
1
+ import { TabsIndicatorProps } from './tabs.types';
2
+ export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TabsListProps } from './tabs.types';
2
+ export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TabsPanelProps } from './tabs.types';
2
+ export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TabsTabProps } from './tabs.types';
2
+ export declare const TabsTab: ({ className, ...props }: TabsTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TabsProps } from './tabs.types';
2
+ export declare const Tabs: ({ className, ref, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,3 @@
1
+ export { Toast } from './toast';
2
+ export type { ToastProps, ToastProviderProps } from './toast.types';
3
+ export { ToastProvider } from './toast-provider';
@@ -0,0 +1,2 @@
1
+ import { ToastProviderProps } from './toast.types';
2
+ export declare const ToastProvider: ({ position, className, children, ref, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ToastProps } from './toast.types';
2
+ export declare const Toast: ({ className, children, position, ref, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element[];
@@ -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,4 @@
1
+ export { Tooltip } from './tooltip';
2
+ export type { TooltipContentProps, TooltipProps, TooltipTriggerProps, } from './tooltip.types';
3
+ export { TooltipContent } from './tooltip-context';
4
+ export { TooltipTrigger } from './tooltip-trigger';
@@ -0,0 +1,2 @@
1
+ import { TooltipContentProps } from './tooltip.types';
2
+ export declare const TooltipContent: ({ className, children, ...props }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TooltipTriggerProps } from './tooltip.types';
2
+ export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { TooltipProps } from './tooltip.types';
2
+ export declare const Tooltip: ({ children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
@@ -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>;