strata-ui-react 0.1.4 → 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 +28 -27
- package/dist/strata-ui-react.cjs.js +1 -1
- package/dist/strata-ui-react.es.js +481 -481
- package/dist/strata-ui-react.umd.js +1 -1
- package/package.json +13 -6
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
|
|
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 =
|
|
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<
|
|
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 =
|
|
74
|
+
export declare type CheckboxIndicatorProps = ComponentProps<typeof Checkbox_2.Indicator>;
|
|
74
75
|
|
|
75
|
-
export declare type CheckboxRootProps =
|
|
76
|
-
label?:
|
|
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 =
|
|
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 =
|
|
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 =
|
|
94
|
+
export declare type DialogPopupProps = ComponentProps<typeof Dialog_2.Popup> & {
|
|
94
95
|
showCloseButton?: boolean;
|
|
95
96
|
};
|
|
96
97
|
|
|
97
|
-
export declare type DialogProps =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
276
|
+
export declare type TabsPanelProps = ComponentProps<typeof Tabs_2.Panel>;
|
|
276
277
|
|
|
277
|
-
export declare type TabsProps =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
300
|
+
export declare type TooltipContentProps = ComponentProps<typeof Tooltip_2.Popup>;
|
|
300
301
|
|
|
301
|
-
export declare type TooltipProps =
|
|
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 =
|
|
306
|
+
export declare type TooltipTriggerProps = ComponentProps<typeof Tooltip_2.Trigger>;
|
|
306
307
|
|
|
307
308
|
export { }
|