strata-ui-react 0.1.6 → 0.1.7
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 +20 -16
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -15,15 +15,19 @@ import { FunctionComponent } from 'react';
|
|
|
15
15
|
import { Icon } from '@phosphor-icons/react';
|
|
16
16
|
import { Input as Input_2 } from '@base-ui/react/input';
|
|
17
17
|
import { JSX } from 'react/jsx-runtime';
|
|
18
|
+
import { KeyboardEventHandler } from 'react';
|
|
19
|
+
import { MouseEventHandler } from 'react';
|
|
18
20
|
import { PropsWithChildren } from 'react';
|
|
19
21
|
import { Ranger } from '@tanstack/react-ranger';
|
|
20
22
|
import { ReactNode } from 'react';
|
|
23
|
+
import { RefObject } from 'react';
|
|
21
24
|
import { ScrollArea as ScrollArea_2 } from '@base-ui/react/scroll-area';
|
|
22
25
|
import { Separator as Separator_2 } from '@base-ui/react/separator';
|
|
23
26
|
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
24
27
|
import { Tabs as Tabs_2 } from '@base-ui/react/tabs';
|
|
25
28
|
import { Toast as Toast_2 } from '@base-ui/react/toast';
|
|
26
29
|
import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
|
|
30
|
+
import { TouchEventHandler } from 'react';
|
|
27
31
|
import { VariantProps } from 'class-variance-authority';
|
|
28
32
|
import { WithFieldGroupProps } from '@tanstack/react-form';
|
|
29
33
|
import { WithFormProps } from '@tanstack/react-form';
|
|
@@ -32,13 +36,13 @@ export declare const Avatar: ({ className, children, ref, ...props }: AvatarProp
|
|
|
32
36
|
|
|
33
37
|
export declare const AvatarFallback: ({ className, ref, ...props }: AvatarFallbackProps) => JSX.Element;
|
|
34
38
|
|
|
35
|
-
export declare type AvatarFallbackProps =
|
|
39
|
+
export declare type AvatarFallbackProps = ComponentProps<typeof Avatar_2.Fallback>;
|
|
36
40
|
|
|
37
41
|
export declare const AvatarImage: ({ className, ref, ...props }: AvatarImageProps) => JSX.Element;
|
|
38
42
|
|
|
39
|
-
export declare type AvatarImageProps =
|
|
43
|
+
export declare type AvatarImageProps = ComponentProps<typeof Avatar_2.Image>;
|
|
40
44
|
|
|
41
|
-
export declare type AvatarProps =
|
|
45
|
+
export declare type AvatarProps = ComponentProps<typeof Avatar_2.Root>;
|
|
42
46
|
|
|
43
47
|
export declare const Badge: ({ className, tone, style, radius, children, ref, ...props }: BadgeExtendedProps) => JSX.Element;
|
|
44
48
|
|
|
@@ -107,7 +111,7 @@ export declare type DialogTriggerProps = ComponentProps<typeof Dialog_2.Trigger>
|
|
|
107
111
|
|
|
108
112
|
export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorsProps) => JSX.Element;
|
|
109
113
|
|
|
110
|
-
export declare type FieldErrorsProps =
|
|
114
|
+
export declare type FieldErrorsProps = ComponentProps<"div">;
|
|
111
115
|
|
|
112
116
|
export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => JSX.Element;
|
|
113
117
|
|
|
@@ -166,7 +170,7 @@ export declare const Form: {
|
|
|
166
170
|
|
|
167
171
|
export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => JSX.Element;
|
|
168
172
|
|
|
169
|
-
export declare type FormErrorsProps =
|
|
173
|
+
export declare type FormErrorsProps = ComponentProps<"div">;
|
|
170
174
|
|
|
171
175
|
export declare const FormSubmit: ({ submittingText, className, children, ref, ...props }: FieldSubmitButtonProps) => JSX.Element;
|
|
172
176
|
|
|
@@ -199,7 +203,7 @@ export declare type ScrollAreaProps = ComponentProps<typeof ScrollArea_2.Root> &
|
|
|
199
203
|
|
|
200
204
|
export declare const Separator: ({ className, children, ref, ...props }: SeparatorProps) => JSX.Element;
|
|
201
205
|
|
|
202
|
-
export declare type SeparatorProps = Omit<
|
|
206
|
+
export declare type SeparatorProps = Omit<ComponentProps<typeof Separator_2>, "style"> & VariantProps<typeof separatorVariants>;
|
|
203
207
|
|
|
204
208
|
declare const separatorVariants: (props?: ({
|
|
205
209
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
@@ -210,12 +214,12 @@ export declare const Slider: ({ leadingIcon: LeadingIcon, trailingIcon: Trailing
|
|
|
210
214
|
|
|
211
215
|
export declare const SliderHandle: ({ sliderInstance, isActive, onKeyDownHandler, onMouseDownHandler, onTouchStart, value, className, children, ref, ...props }: SliderHandleProps) => JSX.Element;
|
|
212
216
|
|
|
213
|
-
export declare type SliderHandleProps =
|
|
217
|
+
export declare type SliderHandleProps = ComponentProps<"button"> & {
|
|
214
218
|
sliderInstance: Ranger<HTMLDivElement>;
|
|
215
219
|
isActive: boolean;
|
|
216
|
-
onKeyDownHandler:
|
|
217
|
-
onMouseDownHandler:
|
|
218
|
-
onTouchStart:
|
|
220
|
+
onKeyDownHandler: KeyboardEventHandler<HTMLButtonElement>;
|
|
221
|
+
onMouseDownHandler: MouseEventHandler<HTMLButtonElement>;
|
|
222
|
+
onTouchStart: TouchEventHandler<HTMLButtonElement>;
|
|
219
223
|
value: number;
|
|
220
224
|
};
|
|
221
225
|
|
|
@@ -232,7 +236,7 @@ export declare type SliderProps = ComponentProps<"div"> & {
|
|
|
232
236
|
|
|
233
237
|
export declare const SliderSegment: ({ index, steps, left, width, className, children, ref, ...props }: SliderSegmentProps) => JSX.Element;
|
|
234
238
|
|
|
235
|
-
export declare type SliderSegmentProps =
|
|
239
|
+
export declare type SliderSegmentProps = ComponentProps<"div"> & {
|
|
236
240
|
index: number;
|
|
237
241
|
steps: number;
|
|
238
242
|
left: number;
|
|
@@ -243,21 +247,21 @@ export declare const SliderTick: ({ percentage, className, children, ref, ...pro
|
|
|
243
247
|
|
|
244
248
|
export declare const SliderTickLabel: ({ className, children, ref, ...props }: SliderTickLabelProps) => JSX.Element;
|
|
245
249
|
|
|
246
|
-
export declare type SliderTickLabelProps =
|
|
250
|
+
export declare type SliderTickLabelProps = ComponentProps<"p">;
|
|
247
251
|
|
|
248
|
-
export declare type SliderTickProps =
|
|
252
|
+
export declare type SliderTickProps = ComponentProps<"div"> & {
|
|
249
253
|
percentage: number;
|
|
250
254
|
};
|
|
251
255
|
|
|
252
256
|
export declare const SliderTrack: ({ className, children, sliderRef, ...props }: SliderTrackProps) => JSX.Element;
|
|
253
257
|
|
|
254
|
-
export declare type SliderTrackProps =
|
|
255
|
-
sliderRef:
|
|
258
|
+
export declare type SliderTrackProps = ComponentProps<"div"> & {
|
|
259
|
+
sliderRef: RefObject<HTMLDivElement | null>;
|
|
256
260
|
};
|
|
257
261
|
|
|
258
262
|
export declare const Switch: ({ label, className, ref, ...props }: SwitchProps) => JSX.Element;
|
|
259
263
|
|
|
260
|
-
export declare type SwitchProps =
|
|
264
|
+
export declare type SwitchProps = ComponentProps<typeof Switch_2.Root> & {
|
|
261
265
|
label?: string;
|
|
262
266
|
};
|
|
263
267
|
|