strata-ui-react 0.1.5 → 0.1.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/index.d.ts CHANGED
@@ -4,6 +4,7 @@ import { Avatar as Avatar_2 } from '@base-ui/react/avatar';
4
4
  import { Checkbox as Checkbox_2 } from '@base-ui/react/checkbox';
5
5
  import { ClassProp } from 'class-variance-authority/types';
6
6
  import { ClassValue } from 'clsx';
7
+ import { ComponentProps } from 'react';
7
8
  import { DeepKeysOfType } from '@tanstack/react-form';
8
9
  import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
9
10
  import { FieldsMap } from '@tanstack/react-form';
@@ -16,7 +17,7 @@ import { Input as Input_2 } from '@base-ui/react/input';
16
17
  import { JSX } from 'react/jsx-runtime';
17
18
  import { PropsWithChildren } from 'react';
18
19
  import { Ranger } from '@tanstack/react-ranger';
19
- import * as React_2 from 'react';
20
+ import { ReactNode } from 'react';
20
21
  import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
21
22
  import { Separator as Separator_2 } from '@base-ui/react/separator';
22
23
  import { Switch as Switch_2 } from '@base-ui/react/switch';
@@ -46,7 +47,7 @@ export declare interface BadgeExtendedProps extends Omit<BadgeProps, "style">, V
46
47
  radius?: "rounded" | "circle";
47
48
  }
48
49
 
49
- declare type BadgeProps = React_2.ComponentProps<"div">;
50
+ declare type BadgeProps = ComponentProps<"div">;
50
51
 
51
52
  declare const badgeVariants: (props?: ({
52
53
  tone?: "primary" | "secondary" | "tertiary" | "neutral" | "error" | "success" | "warning" | null | undefined;
@@ -56,7 +57,7 @@ declare const badgeVariants: (props?: ({
56
57
 
57
58
  export declare function Button({ className, children, tone, style, size, ...props }: ButtonExtendedProps): JSX.Element;
58
59
 
59
- export declare interface ButtonExtendedProps extends Omit<React_2.ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
60
+ export declare interface ButtonExtendedProps extends Omit<ComponentProps<"button">, "style">, VariantProps<typeof buttonVariants> {
60
61
  style?: "solid" | "outline" | "ghost";
61
62
  }
62
63
 
@@ -70,10 +71,10 @@ export declare const Checkbox: ({ className, ref, label, id, disabled, ...props
70
71
 
71
72
  export declare const CheckboxIndicator: ({ className, ...props }: CheckboxIndicatorProps) => JSX.Element;
72
73
 
73
- export declare type CheckboxIndicatorProps = React_2.ComponentProps<typeof Checkbox_2.Indicator>;
74
+ export declare type CheckboxIndicatorProps = ComponentProps<typeof Checkbox_2.Indicator>;
74
75
 
75
- export declare type CheckboxRootProps = React_2.ComponentProps<typeof Checkbox_2.Root> & {
76
- label?: React_2.ReactNode;
76
+ export declare type CheckboxRootProps = ComponentProps<typeof Checkbox_2.Root> & {
77
+ label?: ReactNode;
77
78
  };
78
79
 
79
80
  export declare function cn(...inputs: Array<ClassValue>): string;
@@ -82,27 +83,27 @@ export declare const Dialog: ({ ...props }: DialogProps) => JSX.Element;
82
83
 
83
84
  export declare const DialogClose: ({ className, children, ref, ...props }: DialogCloseProps) => JSX.Element;
84
85
 
85
- export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog_2.Close>;
86
+ export declare type DialogCloseProps = ComponentProps<typeof Dialog_2.Close>;
86
87
 
87
88
  export declare const DialogDescription: ({ className, children, ref, ...props }: DialogDescriptionProps) => JSX.Element;
88
89
 
89
- export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog_2.Description>;
90
+ export declare type DialogDescriptionProps = ComponentProps<typeof Dialog_2.Description>;
90
91
 
91
92
  export declare const DialogPopup: ({ className, children, showCloseButton, ref, ...props }: DialogPopupProps) => JSX.Element;
92
93
 
93
- export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog_2.Popup> & {
94
+ export declare type DialogPopupProps = ComponentProps<typeof Dialog_2.Popup> & {
94
95
  showCloseButton?: boolean;
95
96
  };
96
97
 
97
- export declare type DialogProps = React_2.ComponentProps<typeof Dialog_2.Root>;
98
+ export declare type DialogProps = ComponentProps<typeof Dialog_2.Root>;
98
99
 
99
100
  export declare const DialogTitle: ({ className, children, ref, ...props }: DialogTitleProps) => JSX.Element;
100
101
 
101
- export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog_2.Title>;
102
+ export declare type DialogTitleProps = ComponentProps<typeof Dialog_2.Title>;
102
103
 
103
104
  export declare const DialogTrigger: ({ className, children, ref, ...props }: DialogTriggerProps) => JSX.Element;
104
105
 
105
- export declare type DialogTriggerProps = React_2.ComponentProps<typeof Dialog_2.Trigger>;
106
+ export declare type DialogTriggerProps = ComponentProps<typeof Dialog_2.Trigger>;
106
107
 
107
108
  export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
108
109
 
@@ -171,18 +172,18 @@ export declare const FormSubmit: ({ submittingText, className, children, ref, ..
171
172
 
172
173
  export declare const Input: ({ leadingIcon, showSeparator, className, ref, ...props }: InputProps) => JSX.Element;
173
174
 
174
- export declare type InputProps = React_2.ComponentProps<typeof Input_2> & {
175
+ export declare type InputProps = ComponentProps<typeof Input_2> & {
175
176
  leadingIcon?: Icon;
176
177
  showSeparator?: boolean;
177
178
  };
178
179
 
179
180
  export declare const Label: ({ className, children, ref, ...props }: LabelProps) => JSX.Element;
180
181
 
181
- export declare type LabelProps = React_2.ComponentProps<"label">;
182
+ export declare type LabelProps = ComponentProps<"label">;
182
183
 
183
184
  export declare const Profile: ({ className, imageUrl, fallbackText, profileName, profileEmail, compact, children, ref, ...props }: ProfileProps) => JSX.Element;
184
185
 
185
- export declare type ProfileProps = React.ComponentProps<"button"> & {
186
+ export declare type ProfileProps = ComponentProps<"button"> & {
186
187
  imageUrl: string;
187
188
  fallbackText: string;
188
189
  profileName?: string;
@@ -192,7 +193,7 @@ export declare type ProfileProps = React.ComponentProps<"button"> & {
192
193
 
193
194
  export declare const ScrollArea: ({ orientation, className, children, ref, ...props }: ScrollAreaProps) => JSX.Element;
194
195
 
195
- export declare type ScrollAreaProps = React_2.ComponentProps<typeof ScrollArea_2.Root> & {
196
+ export declare type ScrollAreaProps = ComponentProps<typeof ScrollArea_2.Root> & {
196
197
  orientation?: "horizontal" | "vertical";
197
198
  };
198
199
 
@@ -218,7 +219,7 @@ export declare type SliderHandleProps = React.ComponentProps<"button"> & {
218
219
  value: number;
219
220
  };
220
221
 
221
- export declare type SliderProps = React.ComponentProps<"div"> & {
222
+ export declare type SliderProps = ComponentProps<"div"> & {
222
223
  leadingIcon?: Icon;
223
224
  trailingIcon?: Icon;
224
225
  min?: number;
@@ -264,31 +265,31 @@ export declare const Tabs: ({ className, ref, ...props }: TabsProps) => JSX.Elem
264
265
 
265
266
  export declare const TabsIndicator: ({ className, ...props }: TabsIndicatorProps) => JSX.Element;
266
267
 
267
- export declare type TabsIndicatorProps = React_2.ComponentProps<typeof Tabs_2.Indicator>;
268
+ export declare type TabsIndicatorProps = ComponentProps<typeof Tabs_2.Indicator>;
268
269
 
269
270
  export declare const TabsList: ({ className, ...props }: TabsListProps) => JSX.Element;
270
271
 
271
- export declare type TabsListProps = React_2.ComponentProps<typeof Tabs_2.List>;
272
+ export declare type TabsListProps = ComponentProps<typeof Tabs_2.List>;
272
273
 
273
274
  export declare const TabsPanel: ({ className, ...props }: TabsPanelProps) => JSX.Element;
274
275
 
275
- export declare type TabsPanelProps = React_2.ComponentProps<typeof Tabs_2.Panel>;
276
+ export declare type TabsPanelProps = ComponentProps<typeof Tabs_2.Panel>;
276
277
 
277
- export declare type TabsProps = React_2.ComponentProps<typeof Tabs_2.Root>;
278
+ export declare type TabsProps = ComponentProps<typeof Tabs_2.Root>;
278
279
 
279
280
  export declare const TabsTab: ({ className, ...props }: TabsTabProps) => JSX.Element;
280
281
 
281
- export declare type TabsTabProps = React_2.ComponentProps<typeof Tabs_2.Tab>;
282
+ export declare type TabsTabProps = ComponentProps<typeof Tabs_2.Tab>;
282
283
 
283
284
  export declare const Toast: ({ className, children, position, ref, ...props }: ToastProps) => JSX.Element[];
284
285
 
285
- export declare type ToastProps = React_2.ComponentProps<"div"> & {
286
+ export declare type ToastProps = ComponentProps<"div"> & {
286
287
  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
287
288
  };
288
289
 
289
290
  export declare const ToastProvider: ({ position, className, children, ref, ...props }: ToastProviderProps) => JSX.Element;
290
291
 
291
- export declare type ToastProviderProps = React_2.ComponentProps<typeof Toast_2.Viewport> & {
292
+ export declare type ToastProviderProps = ComponentProps<typeof Toast_2.Viewport> & {
292
293
  position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
293
294
  };
294
295
 
@@ -296,12 +297,12 @@ export declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Elem
296
297
 
297
298
  export declare const TooltipContent: ({ className, children, ...props }: TooltipContentProps) => JSX.Element;
298
299
 
299
- export declare type TooltipContentProps = React_2.ComponentProps<typeof Tooltip_2.Popup>;
300
+ export declare type TooltipContentProps = ComponentProps<typeof Tooltip_2.Popup>;
300
301
 
301
- export declare type TooltipProps = React_2.ComponentProps<typeof Tooltip_2.Root>;
302
+ export declare type TooltipProps = ComponentProps<typeof Tooltip_2.Root>;
302
303
 
303
304
  export declare const TooltipTrigger: ({ children, ...props }: TooltipTriggerProps) => JSX.Element;
304
305
 
305
- export declare type TooltipTriggerProps = React_2.ComponentProps<typeof Tooltip_2.Trigger>;
306
+ export declare type TooltipTriggerProps = ComponentProps<typeof Tooltip_2.Trigger>;
306
307
 
307
308
  export { }