eglador-ui-react 0.1.0-alpha.7 → 0.1.0-alpha.9
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/README.md +16 -33
- package/dist/index.d.mts +180 -1
- package/dist/index.d.ts +180 -1
- package/dist/index.js +1068 -288
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1065 -291
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
# eglador-ui-react
|
|
4
4
|
|
|
5
|
+
[](https://www.npmjs.com/package/eglador-ui-react)
|
|
6
|
+
[](https://www.npmjs.com/package/eglador-ui-react)
|
|
7
|
+
[](https://github.com/kenangundogan/eglador-ui-react/blob/main/LICENSE)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
5
12
|
A lightweight, reusable UI component library built with **Tailwind CSS v4** for React-based projects.
|
|
6
13
|
|
|
7
14
|
## Installation
|
|
@@ -26,42 +33,18 @@ Add the following to your global stylesheet (e.g. `app/globals.css`) so Tailwind
|
|
|
26
33
|
## Usage
|
|
27
34
|
|
|
28
35
|
```tsx
|
|
29
|
-
import { Button,
|
|
36
|
+
import { Button, Input, Modal } from "eglador-ui-react";
|
|
30
37
|
```
|
|
31
38
|
|
|
32
39
|
## Components
|
|
33
40
|
|
|
34
|
-
|
|
|
35
|
-
|
|
36
|
-
| **
|
|
37
|
-
| **
|
|
38
|
-
| **
|
|
39
|
-
| **
|
|
40
|
-
| **
|
|
41
|
-
| **InputGroup** | `variant`, `className`, `children` |
|
|
42
|
-
| **Dropdown** | `side`, `align`, `width`, `maxHeight`, `scroll`, `autoFlip`, `open`, `onOpenChange`, `className` |
|
|
43
|
-
| **Dropdown.Trigger** | `asChild`, `className`, `children` |
|
|
44
|
-
| **Dropdown.Content** | `className`, `children` |
|
|
45
|
-
| **Select** | `value`, `onChange`, `options`, `placeholder`, `disabled`, `autoFlip`, `maxHeight`, `className` |
|
|
46
|
-
| **MultiSelect** | `value`, `onChange`, `options`, `placeholder`, `disabled`, `autoFlip`, `maxHeight`, `searchable`, `searchPlaceholder`, `maxSelected`, `maxVisibleChips`, `className` |
|
|
47
|
-
| **Tabs** | `value`, `defaultValue`, `onValueChange`, `variant`, `size`, `className` |
|
|
48
|
-
| **Tabs.List** | `className`, `children` |
|
|
49
|
-
| **Tabs.Trigger** | `value`, `icon`, `activeClassName`, `disabled`, `className` |
|
|
50
|
-
| **Tabs.Content** | `value`, `className`, `children` |
|
|
51
|
-
| **Accordion** | `title`, `icon`, `extra`, `defaultOpen`, `open`, `onOpenChange`, `variant`, `size`, `disabled`, `hideChevron`, `className` |
|
|
52
|
-
| **Modal** | `open`, `defaultOpen`, `onOpenChange`, `size`, `closeOnBackdrop`, `closeOnEscape` |
|
|
53
|
-
| **Modal.Trigger** | `asChild`, `className`, `children` |
|
|
54
|
-
| **Modal.Content** | `className`, `children` |
|
|
55
|
-
| **Modal.Header** | `icon`, `hideClose`, `className`, `children` |
|
|
56
|
-
| **Modal.Body** | `className`, `children` |
|
|
57
|
-
| **Modal.Footer** | `className`, `children` |
|
|
58
|
-
| **MediaImage** | `src`, `alt`, `caption`, `ratio`, `size`, `shape`, `objectFit`, `loading`, `hideCaption`, `onError`, `className` |
|
|
59
|
-
| **MediaVideo** | `src`, `caption`, `ratio`, `size`, `shape`, `controls`, `preload`, `autoPlay`, `muted`, `loop`, `poster`, `hideCaption`, `onError`, `className` |
|
|
60
|
-
| **Tooltip** | `content`, `position`, `delay`, `className`, `children` |
|
|
61
|
-
| **Breadcrumb** | `separator`, `className`, `children` |
|
|
62
|
-
| **Breadcrumb.Item** | `href`, `isActive`, `className`, `children` |
|
|
63
|
-
| **Typewriter** | `texts`, `typingSpeed`, `deletingSpeed`, `pauseDuration`, `deleteMode`, `loop`, `startDelay`, `cursor`, `cursorStyle`, `onComplete`, `className` |
|
|
64
|
-
| **Carousel** | `slides`, `slidesPerView`, `align`, `containScroll`, `dragFree`, `loop`, `axis`, `direction`, `plugins`, `showNavigation`, `showPagination`, `scrollToIndex`, `breakpoints`, `className` |
|
|
41
|
+
| Category | Components |
|
|
42
|
+
|----------|-----------|
|
|
43
|
+
| **Actions** | Button, ButtonGroup, Link |
|
|
44
|
+
| **Forms** | Input, InputGroup, Select, MultiSelect, Checkbox, CheckboxGroup, Radio, RadioGroup, Switch |
|
|
45
|
+
| **Data Display** | Table, Accordion, Tabs, Breadcrumb, Tooltip, Typewriter |
|
|
46
|
+
| **Overlays** | Modal, Drawer, Dropdown |
|
|
47
|
+
| **Media** | MediaImage, MediaVideo, Carousel |
|
|
65
48
|
|
|
66
49
|
## Development
|
|
67
50
|
|
|
@@ -79,7 +62,7 @@ Publishing is automated via GitHub Actions. When a GitHub Release is created, th
|
|
|
79
62
|
|
|
80
63
|
1. Update `version` in `package.json`
|
|
81
64
|
2. Commit and push
|
|
82
|
-
3. Create a GitHub Release with a matching tag (e.g. `v0.1.0-alpha.
|
|
65
|
+
3. Create a GitHub Release with a matching tag (e.g. `v0.1.0-alpha.8`)
|
|
83
66
|
|
|
84
67
|
## Compatibility
|
|
85
68
|
|
package/dist/index.d.mts
CHANGED
|
@@ -124,6 +124,72 @@ interface CheckboxProps {
|
|
|
124
124
|
}
|
|
125
125
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
126
126
|
|
|
127
|
+
type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
128
|
+
type DrawerSize = "sm" | "md" | "lg" | "full";
|
|
129
|
+
interface DrawerProps {
|
|
130
|
+
open?: boolean;
|
|
131
|
+
defaultOpen?: boolean;
|
|
132
|
+
onOpenChange?: (open: boolean) => void;
|
|
133
|
+
side?: DrawerSide;
|
|
134
|
+
size?: DrawerSize;
|
|
135
|
+
closeOnBackdrop?: boolean;
|
|
136
|
+
closeOnEscape?: boolean;
|
|
137
|
+
children: React.ReactNode;
|
|
138
|
+
}
|
|
139
|
+
interface DrawerTriggerProps {
|
|
140
|
+
asChild?: boolean;
|
|
141
|
+
className?: string;
|
|
142
|
+
children: React.ReactNode;
|
|
143
|
+
}
|
|
144
|
+
interface DrawerContentProps {
|
|
145
|
+
className?: string;
|
|
146
|
+
children: React.ReactNode;
|
|
147
|
+
}
|
|
148
|
+
interface DrawerHeaderProps {
|
|
149
|
+
hideClose?: boolean;
|
|
150
|
+
className?: string;
|
|
151
|
+
children: React.ReactNode;
|
|
152
|
+
}
|
|
153
|
+
interface DrawerBodyProps {
|
|
154
|
+
className?: string;
|
|
155
|
+
children: React.ReactNode;
|
|
156
|
+
}
|
|
157
|
+
interface DrawerFooterProps {
|
|
158
|
+
className?: string;
|
|
159
|
+
children: React.ReactNode;
|
|
160
|
+
}
|
|
161
|
+
declare function DrawerRoot({ open, defaultOpen, onOpenChange, side, size, closeOnBackdrop, closeOnEscape, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
162
|
+
declare namespace DrawerRoot {
|
|
163
|
+
var displayName: string;
|
|
164
|
+
}
|
|
165
|
+
declare function DrawerTrigger({ asChild, className, children }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
|
|
166
|
+
declare namespace DrawerTrigger {
|
|
167
|
+
var displayName: string;
|
|
168
|
+
}
|
|
169
|
+
declare function DrawerContent({ className, children }: DrawerContentProps): React.ReactPortal | null;
|
|
170
|
+
declare namespace DrawerContent {
|
|
171
|
+
var displayName: string;
|
|
172
|
+
}
|
|
173
|
+
declare function DrawerHeader({ hideClose, className, children }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
|
|
174
|
+
declare namespace DrawerHeader {
|
|
175
|
+
var displayName: string;
|
|
176
|
+
}
|
|
177
|
+
declare function DrawerBody({ className, children }: DrawerBodyProps): react_jsx_runtime.JSX.Element;
|
|
178
|
+
declare namespace DrawerBody {
|
|
179
|
+
var displayName: string;
|
|
180
|
+
}
|
|
181
|
+
declare function DrawerFooter({ className, children }: DrawerFooterProps): react_jsx_runtime.JSX.Element;
|
|
182
|
+
declare namespace DrawerFooter {
|
|
183
|
+
var displayName: string;
|
|
184
|
+
}
|
|
185
|
+
declare const Drawer: typeof DrawerRoot & {
|
|
186
|
+
Trigger: typeof DrawerTrigger;
|
|
187
|
+
Content: typeof DrawerContent;
|
|
188
|
+
Header: typeof DrawerHeader;
|
|
189
|
+
Body: typeof DrawerBody;
|
|
190
|
+
Footer: typeof DrawerFooter;
|
|
191
|
+
};
|
|
192
|
+
|
|
127
193
|
type CheckboxGroupVariant = "bordered" | "segmented";
|
|
128
194
|
interface CheckboxGroupProps {
|
|
129
195
|
variant?: CheckboxGroupVariant;
|
|
@@ -199,6 +265,21 @@ interface InputGroupProps {
|
|
|
199
265
|
}
|
|
200
266
|
declare function InputGroup({ variant, className, children, }: InputGroupProps): react_jsx_runtime.JSX.Element;
|
|
201
267
|
|
|
268
|
+
type LinkVariant = "default" | "underline" | "ghost";
|
|
269
|
+
type LinkColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
270
|
+
type LinkSize = "xs" | "sm" | "md";
|
|
271
|
+
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
272
|
+
variant?: LinkVariant;
|
|
273
|
+
color?: LinkColor;
|
|
274
|
+
size?: LinkSize;
|
|
275
|
+
icon?: React.ReactNode;
|
|
276
|
+
iconRight?: React.ReactNode;
|
|
277
|
+
external?: boolean;
|
|
278
|
+
disabled?: boolean;
|
|
279
|
+
className?: string;
|
|
280
|
+
}
|
|
281
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
282
|
+
|
|
202
283
|
type MediaImageRatio = "1:1" | "16:9" | "4:3" | "1:2" | "free";
|
|
203
284
|
type MediaImageSize = "xs" | "sm" | "md" | "lg";
|
|
204
285
|
type MediaImageShape = "square" | "rounded" | "circle";
|
|
@@ -330,6 +411,33 @@ interface MultiSelectProps {
|
|
|
330
411
|
}
|
|
331
412
|
declare function MultiSelect({ value, onChange, options, placeholder, className, disabled, autoFlip, maxHeight, searchable, searchPlaceholder, maxSelected, maxVisibleChips, clearLabel, selectedLabel, noResultsLabel, noOptionsLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
332
413
|
|
|
414
|
+
type RadioSize = "xs" | "sm" | "md";
|
|
415
|
+
type RadioColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
416
|
+
type RadioVariant = "default" | "card" | "list";
|
|
417
|
+
interface RadioProps {
|
|
418
|
+
variant?: RadioVariant;
|
|
419
|
+
checked?: boolean;
|
|
420
|
+
onChange?: (checked: boolean) => void;
|
|
421
|
+
size?: RadioSize;
|
|
422
|
+
color?: RadioColor;
|
|
423
|
+
label?: React.ReactNode;
|
|
424
|
+
description?: React.ReactNode;
|
|
425
|
+
disabled?: boolean;
|
|
426
|
+
className?: string;
|
|
427
|
+
name?: string;
|
|
428
|
+
value?: string;
|
|
429
|
+
id?: string;
|
|
430
|
+
}
|
|
431
|
+
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
432
|
+
|
|
433
|
+
type RadioGroupVariant = "bordered" | "segmented";
|
|
434
|
+
interface RadioGroupProps {
|
|
435
|
+
variant?: RadioGroupVariant;
|
|
436
|
+
className?: string;
|
|
437
|
+
children: React.ReactNode;
|
|
438
|
+
}
|
|
439
|
+
declare function RadioGroup({ variant, className, children, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
440
|
+
|
|
333
441
|
interface SelectOption {
|
|
334
442
|
label: string;
|
|
335
443
|
value: string;
|
|
@@ -347,6 +455,77 @@ interface SelectProps {
|
|
|
347
455
|
}
|
|
348
456
|
declare function Select({ value, onChange, options, placeholder, className, disabled, autoFlip, maxHeight, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
349
457
|
|
|
458
|
+
type SwitchSize = "xs" | "sm" | "md";
|
|
459
|
+
type SwitchColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
460
|
+
interface SwitchProps {
|
|
461
|
+
checked?: boolean;
|
|
462
|
+
onChange?: (checked: boolean) => void;
|
|
463
|
+
size?: SwitchSize;
|
|
464
|
+
color?: SwitchColor;
|
|
465
|
+
label?: React.ReactNode;
|
|
466
|
+
description?: React.ReactNode;
|
|
467
|
+
disabled?: boolean;
|
|
468
|
+
className?: string;
|
|
469
|
+
name?: string;
|
|
470
|
+
value?: string;
|
|
471
|
+
id?: string;
|
|
472
|
+
}
|
|
473
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
474
|
+
|
|
475
|
+
type TableSize = "xs" | "sm" | "md";
|
|
476
|
+
type TableVariant = "default" | "bordered" | "striped";
|
|
477
|
+
type TableShape = "square" | "rounded";
|
|
478
|
+
interface TableProps {
|
|
479
|
+
size?: TableSize;
|
|
480
|
+
variant?: TableVariant;
|
|
481
|
+
shape?: TableShape;
|
|
482
|
+
fullWidth?: boolean;
|
|
483
|
+
scrollX?: boolean;
|
|
484
|
+
scrollY?: boolean;
|
|
485
|
+
maxHeight?: string;
|
|
486
|
+
className?: string;
|
|
487
|
+
children: React.ReactNode;
|
|
488
|
+
}
|
|
489
|
+
interface TableHeadProps {
|
|
490
|
+
className?: string;
|
|
491
|
+
children: React.ReactNode;
|
|
492
|
+
}
|
|
493
|
+
interface TableBodyProps {
|
|
494
|
+
className?: string;
|
|
495
|
+
children: React.ReactNode;
|
|
496
|
+
}
|
|
497
|
+
interface TableRowProps {
|
|
498
|
+
onClick?: () => void;
|
|
499
|
+
isActive?: boolean;
|
|
500
|
+
className?: string;
|
|
501
|
+
children: React.ReactNode;
|
|
502
|
+
}
|
|
503
|
+
interface TableHeaderProps {
|
|
504
|
+
align?: "left" | "center" | "right";
|
|
505
|
+
width?: string;
|
|
506
|
+
className?: string;
|
|
507
|
+
children?: React.ReactNode;
|
|
508
|
+
}
|
|
509
|
+
interface TableCellProps {
|
|
510
|
+
align?: "left" | "center" | "right";
|
|
511
|
+
truncate?: boolean;
|
|
512
|
+
className?: string;
|
|
513
|
+
children?: React.ReactNode;
|
|
514
|
+
}
|
|
515
|
+
declare function TableRoot({ size, variant, shape, fullWidth, scrollX, scrollY, maxHeight, className, children, }: TableProps): react_jsx_runtime.JSX.Element;
|
|
516
|
+
declare function TableHead({ className, children }: TableHeadProps): react_jsx_runtime.JSX.Element;
|
|
517
|
+
declare function TableBody({ className, children }: TableBodyProps): react_jsx_runtime.JSX.Element;
|
|
518
|
+
declare function TableRow({ onClick, isActive, className, children }: TableRowProps): react_jsx_runtime.JSX.Element;
|
|
519
|
+
declare function TableHeader({ align, width, className, children }: TableHeaderProps): react_jsx_runtime.JSX.Element;
|
|
520
|
+
declare function TableCell({ align, truncate, className, children }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
521
|
+
declare const Table: typeof TableRoot & {
|
|
522
|
+
Head: typeof TableHead;
|
|
523
|
+
Body: typeof TableBody;
|
|
524
|
+
Row: typeof TableRow;
|
|
525
|
+
Header: typeof TableHeader;
|
|
526
|
+
Cell: typeof TableCell;
|
|
527
|
+
};
|
|
528
|
+
|
|
350
529
|
type TabsVariant = "default" | "bordered" | "segmented";
|
|
351
530
|
type TabsSize = "xs" | "sm" | "md";
|
|
352
531
|
interface TabsProps {
|
|
@@ -412,4 +591,4 @@ declare function Typewriter({ texts, typingSpeed, deletingSpeed, pauseDuration,
|
|
|
412
591
|
|
|
413
592
|
declare function cn(...inputs: ClassValue[]): string;
|
|
414
593
|
|
|
415
|
-
export { Accordion, type AccordionProps, type AccordionSize, type AccordionVariant, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Carousel, type CarouselBreakpointOptions, type CarouselProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupVariant, type CheckboxProps, type CheckboxSize, type CheckboxVariant, Dropdown, type DropdownAlign, type DropdownContentProps, type DropdownProps, type DropdownSide, type DropdownTriggerProps, type DropdownWidth, Input, type InputColor, InputGroup, type InputGroupProps, type InputGroupVariant, type InputProps, type InputShape, type InputSize, type InputState, type InputVariant, MediaImage, type MediaImageProps, type MediaImageRatio, type MediaImageShape, type MediaImageSize, MediaVideo, type MediaVideoProps, type MediaVideoRatio, type MediaVideoShape, type MediaVideoSize, Modal, type ModalBodyProps, type ModalContentProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalSize, type ModalTriggerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Select, type SelectOption, type SelectProps, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, Tooltip, type TooltipPosition, type TooltipProps, Typewriter, type TypewriterProps, cn };
|
|
594
|
+
export { Accordion, type AccordionProps, type AccordionSize, type AccordionVariant, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Carousel, type CarouselBreakpointOptions, type CarouselProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupVariant, type CheckboxProps, type CheckboxSize, type CheckboxVariant, Drawer, type DrawerBodyProps, type DrawerContentProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, type DrawerTriggerProps, Dropdown, type DropdownAlign, type DropdownContentProps, type DropdownProps, type DropdownSide, type DropdownTriggerProps, type DropdownWidth, Input, type InputColor, InputGroup, type InputGroupProps, type InputGroupVariant, type InputProps, type InputShape, type InputSize, type InputState, type InputVariant, Link, type LinkColor, type LinkProps, type LinkSize, type LinkVariant, MediaImage, type MediaImageProps, type MediaImageRatio, type MediaImageShape, type MediaImageSize, MediaVideo, type MediaVideoProps, type MediaVideoRatio, type MediaVideoShape, type MediaVideoSize, Modal, type ModalBodyProps, type ModalContentProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalSize, type ModalTriggerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioGroupVariant, type RadioProps, type RadioSize, type RadioVariant, Select, type SelectOption, type SelectProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, Table, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TableShape, type TableSize, type TableVariant, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, Tooltip, type TooltipPosition, type TooltipProps, Typewriter, type TypewriterProps, cn };
|
package/dist/index.d.ts
CHANGED
|
@@ -124,6 +124,72 @@ interface CheckboxProps {
|
|
|
124
124
|
}
|
|
125
125
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
126
126
|
|
|
127
|
+
type DrawerSide = "left" | "right" | "top" | "bottom";
|
|
128
|
+
type DrawerSize = "sm" | "md" | "lg" | "full";
|
|
129
|
+
interface DrawerProps {
|
|
130
|
+
open?: boolean;
|
|
131
|
+
defaultOpen?: boolean;
|
|
132
|
+
onOpenChange?: (open: boolean) => void;
|
|
133
|
+
side?: DrawerSide;
|
|
134
|
+
size?: DrawerSize;
|
|
135
|
+
closeOnBackdrop?: boolean;
|
|
136
|
+
closeOnEscape?: boolean;
|
|
137
|
+
children: React.ReactNode;
|
|
138
|
+
}
|
|
139
|
+
interface DrawerTriggerProps {
|
|
140
|
+
asChild?: boolean;
|
|
141
|
+
className?: string;
|
|
142
|
+
children: React.ReactNode;
|
|
143
|
+
}
|
|
144
|
+
interface DrawerContentProps {
|
|
145
|
+
className?: string;
|
|
146
|
+
children: React.ReactNode;
|
|
147
|
+
}
|
|
148
|
+
interface DrawerHeaderProps {
|
|
149
|
+
hideClose?: boolean;
|
|
150
|
+
className?: string;
|
|
151
|
+
children: React.ReactNode;
|
|
152
|
+
}
|
|
153
|
+
interface DrawerBodyProps {
|
|
154
|
+
className?: string;
|
|
155
|
+
children: React.ReactNode;
|
|
156
|
+
}
|
|
157
|
+
interface DrawerFooterProps {
|
|
158
|
+
className?: string;
|
|
159
|
+
children: React.ReactNode;
|
|
160
|
+
}
|
|
161
|
+
declare function DrawerRoot({ open, defaultOpen, onOpenChange, side, size, closeOnBackdrop, closeOnEscape, children, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
162
|
+
declare namespace DrawerRoot {
|
|
163
|
+
var displayName: string;
|
|
164
|
+
}
|
|
165
|
+
declare function DrawerTrigger({ asChild, className, children }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
|
|
166
|
+
declare namespace DrawerTrigger {
|
|
167
|
+
var displayName: string;
|
|
168
|
+
}
|
|
169
|
+
declare function DrawerContent({ className, children }: DrawerContentProps): React.ReactPortal | null;
|
|
170
|
+
declare namespace DrawerContent {
|
|
171
|
+
var displayName: string;
|
|
172
|
+
}
|
|
173
|
+
declare function DrawerHeader({ hideClose, className, children }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
|
|
174
|
+
declare namespace DrawerHeader {
|
|
175
|
+
var displayName: string;
|
|
176
|
+
}
|
|
177
|
+
declare function DrawerBody({ className, children }: DrawerBodyProps): react_jsx_runtime.JSX.Element;
|
|
178
|
+
declare namespace DrawerBody {
|
|
179
|
+
var displayName: string;
|
|
180
|
+
}
|
|
181
|
+
declare function DrawerFooter({ className, children }: DrawerFooterProps): react_jsx_runtime.JSX.Element;
|
|
182
|
+
declare namespace DrawerFooter {
|
|
183
|
+
var displayName: string;
|
|
184
|
+
}
|
|
185
|
+
declare const Drawer: typeof DrawerRoot & {
|
|
186
|
+
Trigger: typeof DrawerTrigger;
|
|
187
|
+
Content: typeof DrawerContent;
|
|
188
|
+
Header: typeof DrawerHeader;
|
|
189
|
+
Body: typeof DrawerBody;
|
|
190
|
+
Footer: typeof DrawerFooter;
|
|
191
|
+
};
|
|
192
|
+
|
|
127
193
|
type CheckboxGroupVariant = "bordered" | "segmented";
|
|
128
194
|
interface CheckboxGroupProps {
|
|
129
195
|
variant?: CheckboxGroupVariant;
|
|
@@ -199,6 +265,21 @@ interface InputGroupProps {
|
|
|
199
265
|
}
|
|
200
266
|
declare function InputGroup({ variant, className, children, }: InputGroupProps): react_jsx_runtime.JSX.Element;
|
|
201
267
|
|
|
268
|
+
type LinkVariant = "default" | "underline" | "ghost";
|
|
269
|
+
type LinkColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
270
|
+
type LinkSize = "xs" | "sm" | "md";
|
|
271
|
+
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
272
|
+
variant?: LinkVariant;
|
|
273
|
+
color?: LinkColor;
|
|
274
|
+
size?: LinkSize;
|
|
275
|
+
icon?: React.ReactNode;
|
|
276
|
+
iconRight?: React.ReactNode;
|
|
277
|
+
external?: boolean;
|
|
278
|
+
disabled?: boolean;
|
|
279
|
+
className?: string;
|
|
280
|
+
}
|
|
281
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
282
|
+
|
|
202
283
|
type MediaImageRatio = "1:1" | "16:9" | "4:3" | "1:2" | "free";
|
|
203
284
|
type MediaImageSize = "xs" | "sm" | "md" | "lg";
|
|
204
285
|
type MediaImageShape = "square" | "rounded" | "circle";
|
|
@@ -330,6 +411,33 @@ interface MultiSelectProps {
|
|
|
330
411
|
}
|
|
331
412
|
declare function MultiSelect({ value, onChange, options, placeholder, className, disabled, autoFlip, maxHeight, searchable, searchPlaceholder, maxSelected, maxVisibleChips, clearLabel, selectedLabel, noResultsLabel, noOptionsLabel, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
332
413
|
|
|
414
|
+
type RadioSize = "xs" | "sm" | "md";
|
|
415
|
+
type RadioColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
416
|
+
type RadioVariant = "default" | "card" | "list";
|
|
417
|
+
interface RadioProps {
|
|
418
|
+
variant?: RadioVariant;
|
|
419
|
+
checked?: boolean;
|
|
420
|
+
onChange?: (checked: boolean) => void;
|
|
421
|
+
size?: RadioSize;
|
|
422
|
+
color?: RadioColor;
|
|
423
|
+
label?: React.ReactNode;
|
|
424
|
+
description?: React.ReactNode;
|
|
425
|
+
disabled?: boolean;
|
|
426
|
+
className?: string;
|
|
427
|
+
name?: string;
|
|
428
|
+
value?: string;
|
|
429
|
+
id?: string;
|
|
430
|
+
}
|
|
431
|
+
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
432
|
+
|
|
433
|
+
type RadioGroupVariant = "bordered" | "segmented";
|
|
434
|
+
interface RadioGroupProps {
|
|
435
|
+
variant?: RadioGroupVariant;
|
|
436
|
+
className?: string;
|
|
437
|
+
children: React.ReactNode;
|
|
438
|
+
}
|
|
439
|
+
declare function RadioGroup({ variant, className, children, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
440
|
+
|
|
333
441
|
interface SelectOption {
|
|
334
442
|
label: string;
|
|
335
443
|
value: string;
|
|
@@ -347,6 +455,77 @@ interface SelectProps {
|
|
|
347
455
|
}
|
|
348
456
|
declare function Select({ value, onChange, options, placeholder, className, disabled, autoFlip, maxHeight, }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
349
457
|
|
|
458
|
+
type SwitchSize = "xs" | "sm" | "md";
|
|
459
|
+
type SwitchColor = "default" | "black" | "primary" | "danger" | "success" | "warning" | "info";
|
|
460
|
+
interface SwitchProps {
|
|
461
|
+
checked?: boolean;
|
|
462
|
+
onChange?: (checked: boolean) => void;
|
|
463
|
+
size?: SwitchSize;
|
|
464
|
+
color?: SwitchColor;
|
|
465
|
+
label?: React.ReactNode;
|
|
466
|
+
description?: React.ReactNode;
|
|
467
|
+
disabled?: boolean;
|
|
468
|
+
className?: string;
|
|
469
|
+
name?: string;
|
|
470
|
+
value?: string;
|
|
471
|
+
id?: string;
|
|
472
|
+
}
|
|
473
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
474
|
+
|
|
475
|
+
type TableSize = "xs" | "sm" | "md";
|
|
476
|
+
type TableVariant = "default" | "bordered" | "striped";
|
|
477
|
+
type TableShape = "square" | "rounded";
|
|
478
|
+
interface TableProps {
|
|
479
|
+
size?: TableSize;
|
|
480
|
+
variant?: TableVariant;
|
|
481
|
+
shape?: TableShape;
|
|
482
|
+
fullWidth?: boolean;
|
|
483
|
+
scrollX?: boolean;
|
|
484
|
+
scrollY?: boolean;
|
|
485
|
+
maxHeight?: string;
|
|
486
|
+
className?: string;
|
|
487
|
+
children: React.ReactNode;
|
|
488
|
+
}
|
|
489
|
+
interface TableHeadProps {
|
|
490
|
+
className?: string;
|
|
491
|
+
children: React.ReactNode;
|
|
492
|
+
}
|
|
493
|
+
interface TableBodyProps {
|
|
494
|
+
className?: string;
|
|
495
|
+
children: React.ReactNode;
|
|
496
|
+
}
|
|
497
|
+
interface TableRowProps {
|
|
498
|
+
onClick?: () => void;
|
|
499
|
+
isActive?: boolean;
|
|
500
|
+
className?: string;
|
|
501
|
+
children: React.ReactNode;
|
|
502
|
+
}
|
|
503
|
+
interface TableHeaderProps {
|
|
504
|
+
align?: "left" | "center" | "right";
|
|
505
|
+
width?: string;
|
|
506
|
+
className?: string;
|
|
507
|
+
children?: React.ReactNode;
|
|
508
|
+
}
|
|
509
|
+
interface TableCellProps {
|
|
510
|
+
align?: "left" | "center" | "right";
|
|
511
|
+
truncate?: boolean;
|
|
512
|
+
className?: string;
|
|
513
|
+
children?: React.ReactNode;
|
|
514
|
+
}
|
|
515
|
+
declare function TableRoot({ size, variant, shape, fullWidth, scrollX, scrollY, maxHeight, className, children, }: TableProps): react_jsx_runtime.JSX.Element;
|
|
516
|
+
declare function TableHead({ className, children }: TableHeadProps): react_jsx_runtime.JSX.Element;
|
|
517
|
+
declare function TableBody({ className, children }: TableBodyProps): react_jsx_runtime.JSX.Element;
|
|
518
|
+
declare function TableRow({ onClick, isActive, className, children }: TableRowProps): react_jsx_runtime.JSX.Element;
|
|
519
|
+
declare function TableHeader({ align, width, className, children }: TableHeaderProps): react_jsx_runtime.JSX.Element;
|
|
520
|
+
declare function TableCell({ align, truncate, className, children }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
521
|
+
declare const Table: typeof TableRoot & {
|
|
522
|
+
Head: typeof TableHead;
|
|
523
|
+
Body: typeof TableBody;
|
|
524
|
+
Row: typeof TableRow;
|
|
525
|
+
Header: typeof TableHeader;
|
|
526
|
+
Cell: typeof TableCell;
|
|
527
|
+
};
|
|
528
|
+
|
|
350
529
|
type TabsVariant = "default" | "bordered" | "segmented";
|
|
351
530
|
type TabsSize = "xs" | "sm" | "md";
|
|
352
531
|
interface TabsProps {
|
|
@@ -412,4 +591,4 @@ declare function Typewriter({ texts, typingSpeed, deletingSpeed, pauseDuration,
|
|
|
412
591
|
|
|
413
592
|
declare function cn(...inputs: ClassValue[]): string;
|
|
414
593
|
|
|
415
|
-
export { Accordion, type AccordionProps, type AccordionSize, type AccordionVariant, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Carousel, type CarouselBreakpointOptions, type CarouselProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupVariant, type CheckboxProps, type CheckboxSize, type CheckboxVariant, Dropdown, type DropdownAlign, type DropdownContentProps, type DropdownProps, type DropdownSide, type DropdownTriggerProps, type DropdownWidth, Input, type InputColor, InputGroup, type InputGroupProps, type InputGroupVariant, type InputProps, type InputShape, type InputSize, type InputState, type InputVariant, MediaImage, type MediaImageProps, type MediaImageRatio, type MediaImageShape, type MediaImageSize, MediaVideo, type MediaVideoProps, type MediaVideoRatio, type MediaVideoShape, type MediaVideoSize, Modal, type ModalBodyProps, type ModalContentProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalSize, type ModalTriggerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Select, type SelectOption, type SelectProps, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, Tooltip, type TooltipPosition, type TooltipProps, Typewriter, type TypewriterProps, cn };
|
|
594
|
+
export { Accordion, type AccordionProps, type AccordionSize, type AccordionVariant, Breadcrumb, type BreadcrumbItemProps, type BreadcrumbProps, Button, type ButtonColor, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Carousel, type CarouselBreakpointOptions, type CarouselProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupVariant, type CheckboxProps, type CheckboxSize, type CheckboxVariant, Drawer, type DrawerBodyProps, type DrawerContentProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, type DrawerTriggerProps, Dropdown, type DropdownAlign, type DropdownContentProps, type DropdownProps, type DropdownSide, type DropdownTriggerProps, type DropdownWidth, Input, type InputColor, InputGroup, type InputGroupProps, type InputGroupVariant, type InputProps, type InputShape, type InputSize, type InputState, type InputVariant, Link, type LinkColor, type LinkProps, type LinkSize, type LinkVariant, MediaImage, type MediaImageProps, type MediaImageRatio, type MediaImageShape, type MediaImageSize, MediaVideo, type MediaVideoProps, type MediaVideoRatio, type MediaVideoShape, type MediaVideoSize, Modal, type ModalBodyProps, type ModalContentProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalSize, type ModalTriggerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Radio, type RadioColor, RadioGroup, type RadioGroupProps, type RadioGroupVariant, type RadioProps, type RadioSize, type RadioVariant, Select, type SelectOption, type SelectProps, Switch, type SwitchColor, type SwitchProps, type SwitchSize, Table, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps, type TableShape, type TableSize, type TableVariant, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, Tooltip, type TooltipPosition, type TooltipProps, Typewriter, type TypewriterProps, cn };
|