diditui 1.0.39 → 1.0.41

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/diditui.d.ts CHANGED
@@ -3,19 +3,20 @@ import { ClassValue } from 'clsx';
3
3
  import { ComponentProps } from 'react';
4
4
  import { default as default_2 } from 'react';
5
5
  import { FC } from 'react';
6
- import { JSX as JSX_2 } from 'react/jsx-runtime';
6
+ import { JSX } from 'react/jsx-runtime';
7
+ import { JSX as JSX_2 } from 'react';
7
8
  import { MutableRefObject } from 'react';
8
9
  import { SVGProps } from 'react';
9
10
  import { VariantProps } from 'class-variance-authority';
10
11
 
11
- export declare function ActionButton({ variant, icon, isLoading, isActive, disabled, className, children, ...props }: ActionButtonProps): JSX_2.Element;
12
+ export declare function ActionButton({ variant, icon, isLoading, isActive, disabled, className, children, ...props }: ActionButtonProps): JSX.Element;
12
13
 
13
14
  declare type ActionButtonProps = ComponentProps<'button'> & VariantProps<typeof actionButtonStyles> & {
14
15
  icon?: IconType;
15
16
  };
16
17
 
17
18
  declare const actionButtonStyles: (props?: ({
18
- variant?: "default" | "warning" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
19
+ variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
19
20
  disabled?: boolean | null | undefined;
20
21
  isLoading?: boolean | null | undefined;
21
22
  isActive?: boolean | null | undefined;
@@ -29,7 +30,7 @@ declare type AsProp<C extends default_2.ElementType> = {
29
30
  as?: C;
30
31
  };
31
32
 
32
- export declare function Button({ size, variant, icon, isLoading, animate, disabled, className, children, ...props }: ButtonProps): JSX_2.Element;
33
+ export declare function Button({ size, variant, icon, isLoading, animate, disabled, className, children, ...props }: ButtonProps): JSX.Element;
33
34
 
34
35
  declare type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonStyles> & {
35
36
  icon?: IconType;
@@ -43,7 +44,7 @@ declare const buttonStyles: (props?: ({
43
44
  animate?: boolean | null | undefined;
44
45
  } & ClassProp) | undefined) => string;
45
46
 
46
- export declare function Card({ className, padding, border, shadow, children, ...props }: CardProps): JSX_2.Element;
47
+ export declare function Card({ className, padding, border, shadow, children, ...props }: CardProps): JSX.Element;
47
48
 
48
49
  declare type CardProps = ComponentProps<'div'> & VariantProps<typeof cardStyles>;
49
50
 
@@ -53,7 +54,7 @@ declare const cardStyles: (props?: ({
53
54
  shadow?: boolean | null | undefined;
54
55
  } & ClassProp) | undefined) => string;
55
56
 
56
- export declare function CheckBox({ id, className, label, size, checked, disabled, note, onToggle }: CheckboxProps): JSX_2.Element;
57
+ export declare function CheckBox({ id, className, label, size, checked, disabled, note, onToggle }: CheckboxProps): JSX.Element;
57
58
 
58
59
  declare interface CheckboxProps {
59
60
  id?: string;
@@ -68,7 +69,7 @@ declare interface CheckboxProps {
68
69
 
69
70
  export declare function cn(...classes: ClassValue[]): string;
70
71
 
71
- export declare function CopyValue({ label, value, isSecret, className, onCopy, ...props }: CopyValueProps): JSX_2.Element;
72
+ export declare function CopyValue({ label, value, isSecret, className, onCopy, ...props }: CopyValueProps): JSX.Element;
72
73
 
73
74
  declare type CopyValueProps = ComponentProps<'div'> & VariantProps<typeof copyValueStyles> & {
74
75
  value: string;
@@ -80,7 +81,7 @@ declare const copyValueStyles: (props?: ({
80
81
  isSecret?: boolean | null | undefined;
81
82
  } & ClassProp) | undefined) => string;
82
83
 
83
- export declare function DiditAnimatedLogo({ size, animate, backgroundClassName, gradientColors }: DiditAnimatedLogoProps): JSX_2.Element;
84
+ export declare function DiditAnimatedLogo({ size, animate, backgroundClassName, gradientColors }: DiditAnimatedLogoProps): JSX.Element;
84
85
 
85
86
  declare type DiditAnimatedLogoProps = VariantProps<typeof diditAnimatedLogoStyles> & {
86
87
  animate?: boolean;
@@ -105,9 +106,9 @@ declare type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideP
105
106
 
106
107
  declare type Handler = (event: MouseEvent) => void;
107
108
 
108
- export declare function Icon({ type, size, className, ...props }: IconProps): JSX_2.Element;
109
+ export declare function Icon({ type, size, className, ...props }: IconProps): JSX.Element;
109
110
 
110
- export declare function IconButton({ icon, label, isLoading, size, variant, withBorder, className, ...props }: IconButtonProps): JSX_2.Element;
111
+ export declare function IconButton({ icon, label, isLoading, size, variant, withBorder, className, ...props }: IconButtonProps): JSX.Element;
111
112
 
112
113
  declare type IconButtonProps = ComponentProps<'button'> & VariantProps<typeof iconButtonStyles> & {
113
114
  icon?: IconType;
@@ -138,7 +139,7 @@ export declare type IconType = 'settings' | 'info' | 'arrowRight' | 'scan' | 'sc
138
139
  */
139
140
  declare type InheritableElementProps<C extends default_2.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
140
141
 
141
- export declare function Input({ label, placeholder, value, disabled, className, error, required, showClearButton, showCopyButton, type, onValueChange, onCopyClick, ...props }: InputProps): JSX_2.Element;
142
+ export declare function Input({ label, placeholder, value, disabled, className, error, required, showClearButton, showCopyButton, type, onValueChange, onCopyClick, ...props }: InputProps): JSX.Element;
142
143
 
143
144
  declare type InputProps = ComponentProps<'input'> & {
144
145
  label: string;
@@ -162,7 +163,7 @@ export declare const MediaQuery: {
162
163
  XXL: number;
163
164
  };
164
165
 
165
- export declare function Modal({ children, contentLabel, overlayClassName, className, withBorder, appElementId, onRequestClose, ...props }: Props): JSX_2.Element;
166
+ export declare function Modal({ children, contentLabel, overlayClassName, className, withBorder, appElementId, onRequestClose, ...props }: Props): JSX.Element;
166
167
 
167
168
  /**
168
169
  * A more sophisticated version of `InheritableElementProps` where
@@ -195,9 +196,9 @@ declare interface Props {
195
196
  onAfterOpen?: () => void;
196
197
  }
197
198
 
198
- declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
199
+ declare type PropsOf<C extends keyof JSX_2.IntrinsicElements | default_2.JSXElementConstructor<unknown>> = JSX_2.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
199
200
 
200
- export declare function QrCode({ uri, size, color, iconName, className, ...props }: QrCodeProps): JSX_2.Element;
201
+ export declare function QrCode({ uri, size, color, iconName, className, ...props }: QrCodeProps): JSX.Element;
201
202
 
202
203
  declare type QrCodeProps = ComponentProps<'div'> & {
203
204
  uri: string;
@@ -206,7 +207,7 @@ declare type QrCodeProps = ComponentProps<'div'> & {
206
207
  iconName?: IconType;
207
208
  };
208
209
 
209
- export declare function SearchInput({ label, placeholder, value, disabled, className, error, onValueChange, ...props }: SearchInputProps): JSX_2.Element;
210
+ export declare function SearchInput({ label, placeholder, value, disabled, className, error, onValueChange, ...props }: SearchInputProps): JSX.Element;
210
211
 
211
212
  declare type SearchInputProps = ComponentProps<'input'> & {
212
213
  label: string;
@@ -217,7 +218,7 @@ declare type SearchInputProps = ComponentProps<'input'> & {
217
218
  onValueChange?: (v: string) => void;
218
219
  };
219
220
 
220
- export declare function SearchMini({ id, className, disabled, placeholder, immediateFocus, value, onChange }: SearchMiniProps): JSX_2.Element;
221
+ export declare function SearchMini({ id, className, disabled, placeholder, immediateFocus, value, onChange }: SearchMiniProps): JSX.Element;
221
222
 
222
223
  declare interface SearchMiniProps {
223
224
  id?: string;
@@ -229,7 +230,7 @@ declare interface SearchMiniProps {
229
230
  onChange: (searchQuery: string) => void;
230
231
  }
231
232
 
232
- export declare function SelectDropdown({ id, className, dataTestId, label, placeholder, value, options, disabled, required, withSearch, errorMessage, dropdownClassName, onChange, onClick }: SelectDropdownProps): JSX_2.Element;
233
+ export declare function SelectDropdown({ id, className, dataTestId, label, placeholder, value, options, disabled, required, withSearch, errorMessage, dropdownClassName, onChange, onClick }: SelectDropdownProps): JSX.Element;
233
234
 
234
235
  export declare interface SelectDropdownOptionType {
235
236
  label: string;
@@ -254,16 +255,16 @@ export declare interface SelectDropdownProps {
254
255
  onClick?: (value?: SelectDropdownOptionType['value']) => void;
255
256
  }
256
257
 
257
- export declare function Spinner({ size, variant, className, ...props }: SpinnerProps): JSX_2.Element;
258
+ export declare function Spinner({ size, variant, className, ...props }: SpinnerProps): JSX.Element;
258
259
 
259
260
  declare type SpinnerProps = ComponentProps<'span'> & VariantProps<typeof spinnerStyles>;
260
261
 
261
262
  declare const spinnerStyles: (props?: ({
262
- variant?: "default" | "warning" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
263
+ variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
263
264
  size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
264
265
  } & ClassProp) | undefined) => string;
265
266
 
266
- export declare function StatusLabel({ label, icon, withIcon, variant, className, ...props }: StatusLabelProps): JSX_2.Element;
267
+ export declare function StatusLabel({ label, icon, withIcon, variant, className, ...props }: StatusLabelProps): JSX.Element;
267
268
 
268
269
  declare type StatusLabelProps = ComponentProps<'div'> & VariantProps<typeof statusLabelStyles> & {
269
270
  label: string;
@@ -272,7 +273,7 @@ declare type StatusLabelProps = ComponentProps<'div'> & VariantProps<typeof stat
272
273
  };
273
274
 
274
275
  declare const statusLabelStyles: (props?: ({
275
- variant?: "default" | "warning" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
276
+ variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
276
277
  withIcon?: boolean | null | undefined;
277
278
  } & ClassProp) | undefined) => string;
278
279
 
@@ -294,7 +295,7 @@ declare const textStyles: (props?: ({
294
295
  underline?: boolean | null | undefined;
295
296
  } & ClassProp) | undefined) => string;
296
297
 
297
- export declare function Toggle({ id, className, label, checked, disabled, variant, size, onToggle }: ToggleProps): JSX_2.Element;
298
+ export declare function Toggle({ id, className, label, checked, disabled, variant, size, onToggle }: ToggleProps): JSX.Element;
298
299
 
299
300
  declare type ToggleProps = VariantProps<typeof toggleStyles> & {
300
301
  id?: string;
@@ -310,7 +311,7 @@ declare const toggleStyles: (props?: ({
310
311
  size?: "sm" | "md" | null | undefined;
311
312
  } & ClassProp) | undefined) => string;
312
313
 
313
- export declare function Tooltip({ label, children, direction, className }: TooltipProps): JSX_2.Element;
314
+ export declare function Tooltip({ label, children, direction, className }: TooltipProps): JSX.Element;
314
315
 
315
316
  declare interface TooltipProps {
316
317
  label: string;
@@ -356,7 +357,7 @@ export declare type UseMediaQueryOptions = {
356
357
 
357
358
  export declare function useOnClickOutside<T extends HTMLElement>(ref: MutableRefObject<T | null>, otherRef: MutableRefObject<T | null>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
358
359
 
359
- export declare function UserCard({ name, label, avatar, radius, className, ...props }: UserCardProps): JSX_2.Element;
360
+ export declare function UserCard({ name, label, avatar, radius, className, ...props }: UserCardProps): JSX.Element;
360
361
 
361
362
  declare type UserCardProps = ComponentProps<'div'> & {
362
363
  name: string;