@yselimcan/ui 0.0.12 → 0.0.13

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 (4) hide show
  1. package/dist/index.d.ts +45 -31
  2. package/dist/index.js +2007 -1895
  3. package/dist/styles.css +1 -1
  4. package/package.json +16 -3
package/dist/index.d.ts CHANGED
@@ -9,6 +9,7 @@ import { Command as Command_2 } from 'cmdk';
9
9
  import { DayButton } from 'react-day-picker';
10
10
  import { DayPicker } from 'react-day-picker';
11
11
  import { Dialog as Dialog_2 } from '@base-ui/react/dialog';
12
+ import { Input as Input_2 } from '@base-ui/react/input';
12
13
  import { JSX } from 'react/jsx-runtime';
13
14
  import { JSXElementConstructor } from 'react';
14
15
  import { Menu } from '@base-ui/react/menu';
@@ -29,29 +30,29 @@ import { Tooltip as Tooltip_2 } from '@base-ui/react/tooltip';
29
30
  import { useRender } from '@base-ui/react/use-render';
30
31
  import { VariantProps } from 'class-variance-authority';
31
32
 
32
- export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof alertVariants>): JSX.Element;
33
+ export declare function Alert({ className, variant, ...props }: React_2.ComponentProps<'div'> & VariantProps<typeof alertVariants>): JSX.Element;
33
34
 
34
- export declare function AlertAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
35
+ export declare function AlertAction({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
35
36
 
36
- export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
37
+ export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
37
38
 
38
39
  export declare function AlertDialog({ ...props }: AlertDialog_2.Root.Props): JSX.Element;
39
40
 
40
41
  export declare function AlertDialogAction({ className, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
41
42
 
42
- export declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog_2.Close.Props & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
43
+ export declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog_2.Close.Props & Pick<React_2.ComponentProps<typeof Button>, 'variant' | 'size'>): JSX.Element;
43
44
 
44
45
  export declare function AlertDialogContent({ className, size, ...props }: AlertDialog_2.Popup.Props & {
45
- size?: "default" | "sm";
46
+ size?: 'default' | 'sm';
46
47
  }): JSX.Element;
47
48
 
48
49
  export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialog_2.Description>): JSX.Element;
49
50
 
50
- export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
51
+ export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
51
52
 
52
- export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
53
+ export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
53
54
 
54
- export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
55
+ export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
55
56
 
56
57
  export declare function AlertDialogOverlay({ className, ...props }: AlertDialog_2.Backdrop.Props): JSX.Element;
57
58
 
@@ -61,61 +62,62 @@ export declare function AlertDialogTitle({ className, ...props }: React_2.Compon
61
62
 
62
63
  export declare function AlertDialogTrigger({ ...props }: AlertDialog_2.Trigger.Props): JSX.Element;
63
64
 
64
- export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
65
+ export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
65
66
 
66
67
  declare const alertVariants: (props?: ({
67
68
  variant?: "default" | "destructive" | null | undefined;
68
69
  } & ClassProp) | undefined) => string;
69
70
 
70
71
  export declare function Avatar({ className, size, ...props }: Avatar_2.Root.Props & {
71
- size?: "default" | "sm" | "lg";
72
+ size?: 'default' | 'sm' | 'lg';
72
73
  }): JSX.Element;
73
74
 
74
- export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
75
+ export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
75
76
 
76
77
  export declare function AvatarFallback({ className, ...props }: Avatar_2.Fallback.Props): JSX.Element;
77
78
 
78
- export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
79
+ export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
79
80
 
80
- export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
81
+ export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
81
82
 
82
83
  export declare function AvatarImage({ className, ...props }: Avatar_2.Image.Props): JSX.Element;
83
84
 
84
- export declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
85
+ export declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
85
86
 
86
87
  export declare const badgeVariants: (props?: ({
87
88
  variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
88
89
  } & ClassProp) | undefined) => string;
89
90
 
90
- export declare function Breadcrumb({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
91
+ export declare function Breadcrumb({ className, ...props }: React_2.ComponentProps<'nav'>): JSX.Element;
91
92
 
92
- export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
93
+ export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
93
94
 
94
- export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
95
+ export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
95
96
 
96
- export declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
97
+ export declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<'a'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
97
98
 
98
- export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
99
+ export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<'ol'>): JSX.Element;
99
100
 
100
- export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
101
+ export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
101
102
 
102
- export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
103
+ export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
103
104
 
104
- export declare function Button({ className, variant, size, ...props }: Button_2.Props & VariantProps<typeof buttonVariants>): JSX.Element;
105
+ export declare function Button({ className, variant, size, isIcon, ...props }: Button_2.Props & VariantProps<typeof buttonVariants>): JSX.Element;
105
106
 
106
- export declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): JSX.Element;
107
+ export declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): JSX.Element;
107
108
 
108
109
  export declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): JSX.Element;
109
110
 
110
- export declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): ReactElement<unknown, string | JSXElementConstructor<any>>;
111
+ export declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<'div'>): ReactElement<unknown, string | JSXElementConstructor<any>>;
111
112
 
112
113
  export declare const buttonGroupVariants: (props?: ({
113
114
  orientation?: "horizontal" | "vertical" | null | undefined;
114
115
  } & ClassProp) | undefined) => string;
115
116
 
116
117
  export declare const buttonVariants: (props?: ({
117
- variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
118
- size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
118
+ variant?: "default" | "destructive" | "link" | "sort" | "outline" | "secondary" | "ghost" | "destructiveOutline" | null | undefined;
119
+ size?: "default" | "sm" | "lg" | null | undefined;
120
+ isIcon?: boolean | null | undefined;
119
121
  } & ClassProp) | undefined) => string;
120
122
 
121
123
  export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
@@ -352,9 +354,9 @@ declare const fieldVariants: (props?: ({
352
354
  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
353
355
  } & ClassProp) | undefined) => string;
354
356
 
355
- export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
357
+ export declare function Input({ className, type, variant, size, ...props }: InputProps): JSX.Element;
356
358
 
357
- export declare function InputGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
359
+ export declare function InputGroup({ className, variant, size, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants>): JSX.Element;
358
360
 
359
361
  export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
360
362
 
@@ -367,15 +369,20 @@ export declare function InputGroupButton({ className, type, variant, size, ...pr
367
369
  }): JSX.Element;
368
370
 
369
371
  declare const inputGroupButtonVariants: (props?: ({
370
- size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
372
+ size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
371
373
  } & ClassProp) | undefined) => string;
372
374
 
373
- export declare function InputGroupInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
375
+ export declare function InputGroupInput({ className, ...props }: InputProps): JSX.Element;
374
376
 
375
377
  export declare function InputGroupText({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
376
378
 
377
379
  export declare function InputGroupTextarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
378
380
 
381
+ declare const inputGroupVariants: (props?: ({
382
+ variant?: "default" | "outline" | null | undefined;
383
+ size?: "default" | "sm" | "lg" | null | undefined;
384
+ } & ClassProp) | undefined) => string;
385
+
379
386
  export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
380
387
  containerClassName?: string;
381
388
  }): JSX.Element;
@@ -388,6 +395,13 @@ export declare function InputOTPSlot({ index, className, ...props }: React_2.Com
388
395
  index: number;
389
396
  }): JSX.Element;
390
397
 
398
+ export declare type InputProps = Omit<Input_2.Props, "size"> & VariantProps<typeof inputVariants>;
399
+
400
+ declare const inputVariants: (props?: ({
401
+ variant?: "default" | "outline" | null | undefined;
402
+ size?: "default" | "sm" | "lg" | null | undefined;
403
+ } & ClassProp) | undefined) => string;
404
+
391
405
  export declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
392
406
 
393
407
  export declare function ItemActions({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
@@ -414,7 +428,7 @@ export declare function ItemTitle({ className, ...props }: React_2.ComponentProp
414
428
 
415
429
  declare const itemVariants: (props?: ({
416
430
  variant?: "default" | "outline" | "muted" | null | undefined;
417
- size?: "default" | "xs" | "sm" | null | undefined;
431
+ size?: "default" | "sm" | "xs" | null | undefined;
418
432
  } & ClassProp) | undefined) => string;
419
433
 
420
434
  export declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): JSX.Element;