@rfdtech/components 1.5.0 → 1.7.0
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 +302 -0
- package/dist/components/badge/Badge.d.ts +4 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.test.d.ts +2 -0
- package/dist/components/badge/Badge.test.d.ts.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +10 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb/Breadcrumb.test.d.ts +2 -0
- package/dist/components/breadcrumb/Breadcrumb.test.d.ts.map +1 -0
- package/dist/components/breadcrumb/index.d.ts +3 -0
- package/dist/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/components/command/Command.d.ts +18 -0
- package/dist/components/command/Command.d.ts.map +1 -0
- package/dist/components/command/Command.test.d.ts +2 -0
- package/dist/components/command/Command.test.d.ts.map +1 -0
- package/dist/components/command/CommandDialogContext.d.ts +10 -0
- package/dist/components/command/CommandDialogContext.d.ts.map +1 -0
- package/dist/components/command/hooks/parseCommandShortcut.d.ts +11 -0
- package/dist/components/command/hooks/parseCommandShortcut.d.ts.map +1 -0
- package/dist/components/command/hooks/useCommandShortcut.d.ts +8 -0
- package/dist/components/command/hooks/useCommandShortcut.d.ts.map +1 -0
- package/dist/components/command/index.d.ts +6 -0
- package/dist/components/command/index.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.d.ts +12 -0
- package/dist/components/dialog/Dialog.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.test.d.ts +2 -0
- package/dist/components/dialog/Dialog.test.d.ts.map +1 -0
- package/dist/components/dialog/index.d.ts +3 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/modal/Modal.d.ts +15 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/Modal.test.d.ts +2 -0
- package/dist/components/modal/Modal.test.d.ts.map +1 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +4 -0
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -0
- package/dist/components/progress-bar/ProgressBar.test.d.ts +2 -0
- package/dist/components/progress-bar/ProgressBar.test.d.ts.map +1 -0
- package/dist/components/progress-bar/index.d.ts +3 -0
- package/dist/components/progress-bar/index.d.ts.map +1 -0
- package/dist/components/sheet/Sheet.d.ts +15 -0
- package/dist/components/sheet/Sheet.d.ts.map +1 -0
- package/dist/components/sheet/Sheet.test.d.ts +2 -0
- package/dist/components/sheet/Sheet.test.d.ts.map +1 -0
- package/dist/components/sheet/index.d.ts +3 -0
- package/dist/components/sheet/index.d.ts.map +1 -0
- package/dist/components/sidebar/Sidebar.d.ts +17 -0
- package/dist/components/sidebar/Sidebar.d.ts.map +1 -0
- package/dist/components/sidebar/Sidebar.test.d.ts +2 -0
- package/dist/components/sidebar/Sidebar.test.d.ts.map +1 -0
- package/dist/components/sidebar/SidebarContext.d.ts +15 -0
- package/dist/components/sidebar/SidebarContext.d.ts.map +1 -0
- package/dist/components/sidebar/hooks/useSidebarMedia.d.ts +2 -0
- package/dist/components/sidebar/hooks/useSidebarMedia.d.ts.map +1 -0
- package/dist/components/sidebar/index.d.ts +3 -0
- package/dist/components/sidebar/index.d.ts.map +1 -0
- package/dist/hooks/createBrowserSearchParamAdapter.d.ts +3 -0
- package/dist/hooks/createBrowserSearchParamAdapter.d.ts.map +1 -0
- package/dist/hooks/createSearchParamAdapter.d.ts +10 -0
- package/dist/hooks/createSearchParamAdapter.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +9 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/overlaySearchParamData.d.ts +6 -0
- package/dist/hooks/overlaySearchParamData.d.ts.map +1 -0
- package/dist/hooks/overlaySearchParamData.test.d.ts +2 -0
- package/dist/hooks/overlaySearchParamData.test.d.ts.map +1 -0
- package/dist/hooks/useDialogSearchParam.d.ts +3 -0
- package/dist/hooks/useDialogSearchParam.d.ts.map +1 -0
- package/dist/hooks/useModalSearchParam.d.ts +3 -0
- package/dist/hooks/useModalSearchParam.d.ts.map +1 -0
- package/dist/hooks/useSearchParamOverlay.d.ts +3 -0
- package/dist/hooks/useSearchParamOverlay.d.ts.map +1 -0
- package/dist/hooks/useSearchParamOverlay.test.d.ts +2 -0
- package/dist/hooks/useSearchParamOverlay.test.d.ts.map +1 -0
- package/dist/index.cjs +72 -42
- package/dist/index.css +1 -1
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5982 -4363
- package/dist/types/badge.d.ts +14 -0
- package/dist/types/badge.d.ts.map +1 -0
- package/dist/types/breadcrumb.d.ts +61 -0
- package/dist/types/breadcrumb.d.ts.map +1 -0
- package/dist/types/command.d.ts +88 -0
- package/dist/types/command.d.ts.map +1 -0
- package/dist/types/dialog.d.ts +28 -0
- package/dist/types/dialog.d.ts.map +1 -0
- package/dist/types/modal.d.ts +47 -0
- package/dist/types/modal.d.ts.map +1 -0
- package/dist/types/progress-bar.d.ts +20 -0
- package/dist/types/progress-bar.d.ts.map +1 -0
- package/dist/types/search-param-overlay.d.ts +27 -0
- package/dist/types/search-param-overlay.d.ts.map +1 -0
- package/dist/types/sheet.d.ts +49 -0
- package/dist/types/sheet.d.ts.map +1 -0
- package/dist/types/sidebar.d.ts +122 -0
- package/dist/types/sidebar.d.ts.map +1 -0
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -66,6 +66,32 @@ npm install @rfdtech/components
|
|
|
66
66
|
Requires React 18+. npm 7+ auto-installs `react` and `react-dom` as peer dependencies. Radix UI and other runtime packages are included as dependencies of `@rfdtech/components`.
|
|
67
67
|
|
|
68
68
|
|
|
69
|
+
## Hooks
|
|
70
|
+
|
|
71
|
+
Shared hooks for URL-driven overlay state and router integration. See the [Hooks](/docs/hooks) docs page for full API reference.
|
|
72
|
+
|
|
73
|
+
```tsx
|
|
74
|
+
import {
|
|
75
|
+
Dialog,
|
|
76
|
+
DialogContent,
|
|
77
|
+
useDialogSearchParam,
|
|
78
|
+
useModalSearchParam,
|
|
79
|
+
} from "@rfdtech/components";
|
|
80
|
+
|
|
81
|
+
const { open, data, onOpenChange, openWith } = useDialogSearchParam<{
|
|
82
|
+
userId: string;
|
|
83
|
+
}>("edit-profile");
|
|
84
|
+
|
|
85
|
+
openWith({ userId: "42" });
|
|
86
|
+
|
|
87
|
+
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
88
|
+
<DialogContent>Edit user {data?.userId}</DialogContent>
|
|
89
|
+
</Dialog>
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
Exports: `useSearchParamOverlay`, `useDialogSearchParam`, `useModalSearchParam`, `createSearchParamAdapter`, `createBrowserSearchParamAdapter`, `readOverlayData`, `writeOverlayData`, `clearOverlayData`, `getDataPrefix`. Types: `SearchParamOverlayState`, `SearchParamOverlayData`, `SearchParamAdapter`, `UseSearchParamOverlayOptions`, `UseSearchParamOverlayReturn`.
|
|
93
|
+
|
|
94
|
+
|
|
69
95
|
## AppSwitcher
|
|
70
96
|
|
|
71
97
|
Google Apps–style 9-dot launcher for switching between GSL systems. Drop it into your header to let users jump between products. Pass `apps` directly from your own data layer; use `loading` while data is being fetched.
|
|
@@ -92,6 +118,54 @@ Props: `apps`, `loading`, `loadingLabel`, `columns`, `open`, `onOpenChange`, `on
|
|
|
92
118
|
Also exported: `AppSwitcherItem`, `GridIcon`, `SystemAppIcon`, `useAppSwitcher`.
|
|
93
119
|
|
|
94
120
|
|
|
121
|
+
## Badge
|
|
122
|
+
|
|
123
|
+
Compact inline label for status, counts, and metadata with semantic color variants. See the [Badge](/docs/badge) docs page for props and exported types.
|
|
124
|
+
|
|
125
|
+
```tsx
|
|
126
|
+
import { Badge } from "@rfdtech/components";
|
|
127
|
+
|
|
128
|
+
<Badge variant="success">Active</Badge>
|
|
129
|
+
<Badge variant="warning">Pending</Badge>
|
|
130
|
+
<Badge variant="error">Failed</Badge>
|
|
131
|
+
<Badge variant="outline" size="md">
|
|
132
|
+
Draft
|
|
133
|
+
</Badge>
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
Props: `variant`, `size`, `classNames`, `className`, and standard `span` attributes. Exported types: `BadgeProps`, `BadgeClassNames`, `BadgeVariant`, `BadgeSize`.
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
## Breadcrumb
|
|
140
|
+
|
|
141
|
+
Compound breadcrumb primitives for hierarchical page trails. See the [Breadcrumb](/docs/breadcrumb) docs page for props and exported types.
|
|
142
|
+
|
|
143
|
+
```tsx
|
|
144
|
+
import {
|
|
145
|
+
Breadcrumb,
|
|
146
|
+
BreadcrumbItem,
|
|
147
|
+
BreadcrumbLink,
|
|
148
|
+
BreadcrumbList,
|
|
149
|
+
BreadcrumbPage,
|
|
150
|
+
BreadcrumbSeparator,
|
|
151
|
+
} from "@rfdtech/components";
|
|
152
|
+
|
|
153
|
+
<Breadcrumb>
|
|
154
|
+
<BreadcrumbList>
|
|
155
|
+
<BreadcrumbItem>
|
|
156
|
+
<BreadcrumbLink href="/">Home</BreadcrumbLink>
|
|
157
|
+
</BreadcrumbItem>
|
|
158
|
+
<BreadcrumbSeparator />
|
|
159
|
+
<BreadcrumbItem>
|
|
160
|
+
<BreadcrumbPage>Profile</BreadcrumbPage>
|
|
161
|
+
</BreadcrumbItem>
|
|
162
|
+
</BreadcrumbList>
|
|
163
|
+
</Breadcrumb>
|
|
164
|
+
```
|
|
165
|
+
|
|
166
|
+
Exported parts: `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis`. Exported types: `BreadcrumbProps`, `BreadcrumbLinkProps`, `BreadcrumbPageProps`, and related `*ClassNames` interfaces.
|
|
167
|
+
|
|
168
|
+
|
|
95
169
|
## BulkImportModal
|
|
96
170
|
|
|
97
171
|
Four-step modal wizard for importing spreadsheet data (.xlsx, .xls, .csv). Parsing and validation run entirely in the browser.
|
|
@@ -292,6 +366,50 @@ import { Checkbox } from "@rfdtech/components";
|
|
|
292
366
|
Props: `checked`, `defaultChecked`, `onCheckedChange`, `label`, `disabled`, `required`, `name`, `value`, `id`, `aria-label`, `classNames`, `className`. Exported types: `CheckboxProps`, `CheckboxClassNames`.
|
|
293
367
|
|
|
294
368
|
|
|
369
|
+
## Command
|
|
370
|
+
|
|
371
|
+
Compound command menu primitives for searchable, keyboard-navigable action lists. Supports inline pickers and modal palettes via `CommandDialog`. See the [Command](/docs/command) docs page for props and exported types.
|
|
372
|
+
|
|
373
|
+
```tsx
|
|
374
|
+
import {
|
|
375
|
+
Command,
|
|
376
|
+
CommandDialog,
|
|
377
|
+
CommandEmpty,
|
|
378
|
+
CommandGroup,
|
|
379
|
+
CommandInput,
|
|
380
|
+
CommandItem,
|
|
381
|
+
CommandList,
|
|
382
|
+
CommandShortcut,
|
|
383
|
+
useCommandShortcut,
|
|
384
|
+
} from "@rfdtech/components";
|
|
385
|
+
|
|
386
|
+
<Command label="Field picker">
|
|
387
|
+
<CommandInput placeholder="Search fields..." />
|
|
388
|
+
<CommandList>
|
|
389
|
+
<CommandEmpty>No results.</CommandEmpty>
|
|
390
|
+
<CommandGroup heading="Fields">
|
|
391
|
+
<CommandItem value="email" onSelect={() => setField("email")}>
|
|
392
|
+
Email
|
|
393
|
+
</CommandItem>
|
|
394
|
+
</CommandGroup>
|
|
395
|
+
</CommandList>
|
|
396
|
+
</Command>
|
|
397
|
+
|
|
398
|
+
<CommandDialog open={open} onOpenChange={setOpen} shortcut label="Command menu">
|
|
399
|
+
<CommandInput placeholder="Type a command..." />
|
|
400
|
+
<CommandList>
|
|
401
|
+
<CommandItem onSelect={() => go("/dashboard")}>Dashboard</CommandItem>
|
|
402
|
+
<CommandItem onSelect={signOut}>
|
|
403
|
+
Sign out
|
|
404
|
+
<CommandShortcut><span>⌘</span><span>Q</span></CommandShortcut>
|
|
405
|
+
</CommandItem>
|
|
406
|
+
</CommandList>
|
|
407
|
+
</CommandDialog>
|
|
408
|
+
```
|
|
409
|
+
|
|
410
|
+
Exports: `Command`, `CommandDialog`, `CommandInput`, `CommandList`, `CommandEmpty`, `CommandGroup`, `CommandItem`, `CommandSeparator`, `CommandLoading`, `CommandShortcut`, `useCommandShortcut`. Exported types: `CommandProps`, `CommandDialogProps`, `CommandItemProps`, `CommandShortcutProps`, `UseCommandShortcutOptions`, and related `*ClassNames` types.
|
|
411
|
+
|
|
412
|
+
|
|
295
413
|
## RadioGroup
|
|
296
414
|
|
|
297
415
|
Single-choice radio group with optional labels and descriptions on each `Radio` item. Use `variant="card"` for bordered choice cards. See the [RadioGroup](/docs/radio-group) docs page for props and exported types.
|
|
@@ -339,6 +457,82 @@ import { Dropdown } from "@rfdtech/components";
|
|
|
339
457
|
Props: `value`, `onValueChange`, `options`, `placeholder`, `clearable`, `disabled`, `aria-label`, `classNames`, `className`. Exported types: `DropdownProps`, `DropdownOption`, `DropdownClassNames`.
|
|
340
458
|
|
|
341
459
|
|
|
460
|
+
## Dialog
|
|
461
|
+
|
|
462
|
+
Compound dialog primitives for modal overlays. See the [Dialog](/docs/dialog) docs page for props and exported types.
|
|
463
|
+
|
|
464
|
+
```tsx
|
|
465
|
+
import {
|
|
466
|
+
Button,
|
|
467
|
+
Dialog,
|
|
468
|
+
DialogContent,
|
|
469
|
+
DialogDescription,
|
|
470
|
+
DialogOverlay,
|
|
471
|
+
DialogPortal,
|
|
472
|
+
DialogTitle,
|
|
473
|
+
DialogTrigger,
|
|
474
|
+
} from "@rfdtech/components";
|
|
475
|
+
|
|
476
|
+
<Dialog open={open} onOpenChange={setOpen}>
|
|
477
|
+
<DialogTrigger asChild>
|
|
478
|
+
<Button variant="secondary">Edit profile</Button>
|
|
479
|
+
</DialogTrigger>
|
|
480
|
+
<DialogPortal>
|
|
481
|
+
<DialogOverlay />
|
|
482
|
+
<DialogContent showCloseButton>
|
|
483
|
+
<DialogTitle>Edit profile</DialogTitle>
|
|
484
|
+
<DialogDescription>Make changes here.</DialogDescription>
|
|
485
|
+
</DialogContent>
|
|
486
|
+
</DialogPortal>
|
|
487
|
+
</Dialog>
|
|
488
|
+
```
|
|
489
|
+
|
|
490
|
+
Props: `Dialog` — `open`, `defaultOpen`, `onOpenChange`. `DialogContent` — `showCloseButton`, `classNames`, `className`. Styled parts also support part-level `classNames`. Exported types: `DialogOverlayProps`, `DialogContentProps`, `DialogTitleProps`, `DialogDescriptionProps`, and related `*ClassNames` interfaces.
|
|
491
|
+
|
|
492
|
+
|
|
493
|
+
## Modal
|
|
494
|
+
|
|
495
|
+
Compound modal primitives for near full-viewport overlays with header, body, and footer slots. See the [Modal](/docs/modal) docs page for props and exported types.
|
|
496
|
+
|
|
497
|
+
```tsx
|
|
498
|
+
import {
|
|
499
|
+
Button,
|
|
500
|
+
Modal,
|
|
501
|
+
ModalBody,
|
|
502
|
+
ModalContent,
|
|
503
|
+
ModalDescription,
|
|
504
|
+
ModalFooter,
|
|
505
|
+
ModalHeader,
|
|
506
|
+
ModalOverlay,
|
|
507
|
+
ModalPortal,
|
|
508
|
+
ModalTitle,
|
|
509
|
+
ModalTrigger,
|
|
510
|
+
} from "@rfdtech/components";
|
|
511
|
+
|
|
512
|
+
<Modal open={open} onOpenChange={setOpen}>
|
|
513
|
+
<ModalTrigger asChild>
|
|
514
|
+
<Button variant="secondary">Review changes</Button>
|
|
515
|
+
</ModalTrigger>
|
|
516
|
+
<ModalPortal>
|
|
517
|
+
<ModalOverlay />
|
|
518
|
+
<ModalContent showCloseButton>
|
|
519
|
+
<ModalHeader>
|
|
520
|
+
<ModalTitle>Review changes</ModalTitle>
|
|
521
|
+
<ModalDescription>Confirm before publishing.</ModalDescription>
|
|
522
|
+
</ModalHeader>
|
|
523
|
+
<ModalBody>{children}</ModalBody>
|
|
524
|
+
<ModalFooter>
|
|
525
|
+
<Button variant="ghost" onClick={() => setOpen(false)}>Cancel</Button>
|
|
526
|
+
<Button onClick={() => setOpen(false)}>Publish</Button>
|
|
527
|
+
</ModalFooter>
|
|
528
|
+
</ModalContent>
|
|
529
|
+
</ModalPortal>
|
|
530
|
+
</Modal>
|
|
531
|
+
```
|
|
532
|
+
|
|
533
|
+
Props: `Modal` — `open`, `defaultOpen`, `onOpenChange`. `ModalContent` — `showCloseButton`, `classNames`, `className`. Layout parts (`ModalHeader`, `ModalBody`, `ModalFooter`) support part-level `classNames`. Exported types: `ModalOverlayProps`, `ModalContentProps`, `ModalHeaderProps`, `ModalTitleProps`, `ModalDescriptionProps`, `ModalBodyProps`, `ModalFooterProps`, and related `*ClassNames` interfaces.
|
|
534
|
+
|
|
535
|
+
|
|
342
536
|
## Popover
|
|
343
537
|
|
|
344
538
|
Compound popover primitives for floating panels. See the [Popover](/docs/popover) docs page for props and exported types.
|
|
@@ -385,6 +579,114 @@ import {
|
|
|
385
579
|
Exports: `Popover`, `PopoverTrigger`, `PopoverContent`, `PopoverPortal`, `PopoverAnchor`, `PopoverClose`. Exported types: `PopoverContentProps`, `PopoverContentClassNames`.
|
|
386
580
|
|
|
387
581
|
|
|
582
|
+
## ProgressBar
|
|
583
|
+
|
|
584
|
+
Accessible progress indicator for task completion and loading states. See the [ProgressBar](/docs/progress-bar) docs page for props and exported types.
|
|
585
|
+
|
|
586
|
+
```tsx
|
|
587
|
+
import { ProgressBar } from "@rfdtech/components";
|
|
588
|
+
|
|
589
|
+
<ProgressBar value={60} label="Upload progress" showValue />
|
|
590
|
+
<ProgressBar value={100} variant="success" />
|
|
591
|
+
<ProgressBar indeterminate label="Loading" size="md" />
|
|
592
|
+
```
|
|
593
|
+
|
|
594
|
+
Props: `value`, `max`, `variant`, `size`, `indeterminate`, `label`, `showValue`, `classNames`, `className`, and standard `div` attributes. Exported types: `ProgressBarProps`, `ProgressBarClassNames`, `ProgressBarVariant`, `ProgressBarSize`.
|
|
595
|
+
|
|
596
|
+
|
|
597
|
+
## Sidebar
|
|
598
|
+
|
|
599
|
+
Compound sidebar primitives for app shells and section navigation. Desktop uses a sticky card-style rail with optional collapse; mobile uses an offcanvas drawer with trigger and overlay. See the [Sidebar](/docs/sidebar) docs page for props and exported types.
|
|
600
|
+
|
|
601
|
+
```tsx
|
|
602
|
+
import {
|
|
603
|
+
Sidebar,
|
|
604
|
+
SidebarCollapse,
|
|
605
|
+
SidebarContent,
|
|
606
|
+
SidebarGroup,
|
|
607
|
+
SidebarGroupLabel,
|
|
608
|
+
SidebarHeader,
|
|
609
|
+
SidebarItem,
|
|
610
|
+
SidebarLink,
|
|
611
|
+
SidebarNav,
|
|
612
|
+
SidebarOverlay,
|
|
613
|
+
SidebarProvider,
|
|
614
|
+
SidebarTrigger,
|
|
615
|
+
} from "@rfdtech/components";
|
|
616
|
+
|
|
617
|
+
<SidebarProvider>
|
|
618
|
+
<SidebarTrigger>Open menu</SidebarTrigger>
|
|
619
|
+
<SidebarOverlay />
|
|
620
|
+
<Sidebar>
|
|
621
|
+
<SidebarHeader>
|
|
622
|
+
<div className="gsl-sidebar__header-brand">
|
|
623
|
+
<span className="gsl-sidebar__header-title">GSL Admin</span>
|
|
624
|
+
</div>
|
|
625
|
+
<SidebarCollapse />
|
|
626
|
+
</SidebarHeader>
|
|
627
|
+
<SidebarContent>
|
|
628
|
+
<SidebarNav aria-label="Main">
|
|
629
|
+
<SidebarGroup>
|
|
630
|
+
<SidebarGroupLabel>General</SidebarGroupLabel>
|
|
631
|
+
<SidebarItem>
|
|
632
|
+
<SidebarLink href="/dashboard" icon={<DashboardIcon />} active={path === "/dashboard"}>
|
|
633
|
+
Dashboard
|
|
634
|
+
</SidebarLink>
|
|
635
|
+
</SidebarItem>
|
|
636
|
+
</SidebarGroup>
|
|
637
|
+
</SidebarNav>
|
|
638
|
+
</SidebarContent>
|
|
639
|
+
</Sidebar>
|
|
640
|
+
<main>{children}</main>
|
|
641
|
+
</SidebarProvider>
|
|
642
|
+
```
|
|
643
|
+
|
|
644
|
+
Exports: `SidebarProvider`, `useSidebar`, `Sidebar`, `SidebarBadge`, `SidebarCollapse`, `SidebarTrigger`, `SidebarOverlay`, `SidebarHeader`, `SidebarContent`, `SidebarFooter`, `SidebarNav`, `SidebarGroup`, `SidebarGroupLabel`, `SidebarItem`, `SidebarLink`. Exported types: `SidebarProviderProps`, `SidebarProps`, `SidebarLinkProps`, `SidebarBadgeProps`, `SidebarCollapseProps`, and related `*ClassNames` types.
|
|
645
|
+
|
|
646
|
+
|
|
647
|
+
## Sheet
|
|
648
|
+
|
|
649
|
+
Compound sheet primitives for edge-sliding panels. See the [Sheet](/docs/sheet) docs page for props and exported types.
|
|
650
|
+
|
|
651
|
+
```tsx
|
|
652
|
+
import {
|
|
653
|
+
Button,
|
|
654
|
+
Sheet,
|
|
655
|
+
SheetBody,
|
|
656
|
+
SheetContent,
|
|
657
|
+
SheetDescription,
|
|
658
|
+
SheetFooter,
|
|
659
|
+
SheetHeader,
|
|
660
|
+
SheetOverlay,
|
|
661
|
+
SheetPortal,
|
|
662
|
+
SheetTitle,
|
|
663
|
+
SheetTrigger,
|
|
664
|
+
} from "@rfdtech/components";
|
|
665
|
+
|
|
666
|
+
<Sheet open={open} onOpenChange={setOpen}>
|
|
667
|
+
<SheetTrigger asChild>
|
|
668
|
+
<Button variant="secondary">Open filters</Button>
|
|
669
|
+
</SheetTrigger>
|
|
670
|
+
<SheetPortal>
|
|
671
|
+
<SheetOverlay />
|
|
672
|
+
<SheetContent side="right" showCloseButton>
|
|
673
|
+
<SheetHeader>
|
|
674
|
+
<SheetTitle>Filters</SheetTitle>
|
|
675
|
+
<SheetDescription>Refine the results below.</SheetDescription>
|
|
676
|
+
</SheetHeader>
|
|
677
|
+
<SheetBody>{children}</SheetBody>
|
|
678
|
+
<SheetFooter>
|
|
679
|
+
<Button variant="ghost" onClick={() => setOpen(false)}>Reset</Button>
|
|
680
|
+
<Button onClick={() => setOpen(false)}>Apply</Button>
|
|
681
|
+
</SheetFooter>
|
|
682
|
+
</SheetContent>
|
|
683
|
+
</SheetPortal>
|
|
684
|
+
</Sheet>
|
|
685
|
+
```
|
|
686
|
+
|
|
687
|
+
Props: `Sheet` — `open`, `defaultOpen`, `onOpenChange`. `SheetContent` — `side`, `showCloseButton`, `classNames`, `className`. Layout parts support part-level `classNames`. Exported types: `SheetSide`, `SheetOverlayProps`, `SheetContentProps`, `SheetHeaderProps`, `SheetTitleProps`, `SheetDescriptionProps`, `SheetBodyProps`, `SheetFooterProps`, and related `*ClassNames` interfaces.
|
|
688
|
+
|
|
689
|
+
|
|
388
690
|
## Tabs
|
|
389
691
|
|
|
390
692
|
Compound tabs primitives for switching between related panels. See the [Tabs](/docs/tabs) docs page for props and exported types.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,KAAK,wGA0BhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.test.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EACV,eAAe,EACf,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps } from "../../types/breadcrumb";
|
|
2
|
+
import "./styles/breadcrumb.css";
|
|
3
|
+
export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
|
|
4
|
+
export declare const BreadcrumbList: import("react").ForwardRefExoticComponent<BreadcrumbListProps & import("react").RefAttributes<HTMLOListElement>>;
|
|
5
|
+
export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<BreadcrumbItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
6
|
+
export declare const BreadcrumbLink: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
7
|
+
export declare const BreadcrumbPage: import("react").ForwardRefExoticComponent<BreadcrumbPageProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
export declare const BreadcrumbSeparator: import("react").ForwardRefExoticComponent<BreadcrumbSeparatorProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
9
|
+
export declare const BreadcrumbEllipsis: import("react").ForwardRefExoticComponent<BreadcrumbEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
//# sourceMappingURL=Breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,wBAAwB,EACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,yGAsBtB,CAAC;AAEF,eAAO,MAAM,cAAc,kHAY1B,CAAC;AAEF,eAAO,MAAM,cAAc,+GAY1B,CAAC;AAEF,eAAO,MAAM,cAAc,mHAgC1B,CAAC;AAEF,eAAO,MAAM,cAAc,iHAa1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,oHAwB9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,qHA6B7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.test.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./Breadcrumb";
|
|
2
|
+
export type { BreadcrumbClassNames, BreadcrumbEllipsisClassNames, BreadcrumbEllipsisProps, BreadcrumbItemClassNames, BreadcrumbItemProps, BreadcrumbLinkClassNames, BreadcrumbLinkProps, BreadcrumbListClassNames, BreadcrumbListProps, BreadcrumbPageClassNames, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorClassNames, BreadcrumbSeparatorProps, } from "../../types/breadcrumb";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,oBAAoB,EACpB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,eAAe,EACf,6BAA6B,EAC7B,wBAAwB,GACzB,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { CommandDialogProps, CommandEmptyProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandListProps, CommandLoadingProps, CommandProps, CommandSeparatorProps, CommandShortcutProps } from "../../types/command";
|
|
2
|
+
import "./styles/command.css";
|
|
3
|
+
export { useCommandDialog } from "./CommandDialogContext";
|
|
4
|
+
export { useCommandShortcut } from "./hooks/useCommandShortcut";
|
|
5
|
+
export type { UseCommandShortcutOptions } from "./hooks/useCommandShortcut";
|
|
6
|
+
export { formatCommandShortcutLabels, matchesCommandShortcut, parseCommandShortcut, } from "./hooks/parseCommandShortcut";
|
|
7
|
+
export type { ParsedCommandShortcut } from "./hooks/parseCommandShortcut";
|
|
8
|
+
export declare const Command: import("react").ForwardRefExoticComponent<CommandProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const CommandDialog: import("react").ForwardRefExoticComponent<CommandDialogProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const CommandInput: import("react").ForwardRefExoticComponent<CommandInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
+
export declare const CommandList: import("react").ForwardRefExoticComponent<CommandListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export declare const CommandEmpty: import("react").ForwardRefExoticComponent<CommandEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const CommandGroup: import("react").ForwardRefExoticComponent<CommandGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const CommandItem: import("react").ForwardRefExoticComponent<CommandItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export declare const CommandShortcut: import("react").ForwardRefExoticComponent<CommandShortcutProps & import("react").RefAttributes<HTMLElement>>;
|
|
16
|
+
export declare const CommandSeparator: import("react").ForwardRefExoticComponent<CommandSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export declare const CommandLoading: import("react").ForwardRefExoticComponent<CommandLoadingProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
18
|
+
//# sourceMappingURL=Command.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAqB1E,eAAO,MAAM,OAAO,yGAalB,CAAC;AAEH,eAAO,MAAM,aAAa,+GAmFzB,CAAC;AAEF,eAAO,MAAM,YAAY,gHAgDxB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAYvB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAmCxB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAYvB,CAAC;AAEF,eAAO,MAAM,eAAe,8GAe3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAe3B,CAAC;AAEH,eAAO,MAAM,cAAc,gHAY1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Command.test.d.ts","sourceRoot":"","sources":["../../../src/components/command/Command.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface CommandDialogContextValue {
|
|
3
|
+
inputShortcut?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function CommandDialogProvider({ children, inputShortcut, }: {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
inputShortcut?: string;
|
|
8
|
+
}): import("react").JSX.Element;
|
|
9
|
+
export declare function useCommandDialog(): CommandDialogContextValue | null;
|
|
10
|
+
//# sourceMappingURL=CommandDialogContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandDialogContext.d.ts","sourceRoot":"","sources":["../../../src/components/command/CommandDialogContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,+BAMA;AAED,wBAAgB,gBAAgB,qCAE/B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ParsedCommandShortcut {
|
|
2
|
+
key: string;
|
|
3
|
+
metaKey: boolean;
|
|
4
|
+
ctrlKey: boolean;
|
|
5
|
+
shiftKey: boolean;
|
|
6
|
+
altKey: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function parseCommandShortcut(shortcut: string): ParsedCommandShortcut;
|
|
9
|
+
export declare function matchesCommandShortcut(event: KeyboardEvent, shortcut: string): boolean;
|
|
10
|
+
export declare function formatCommandShortcutLabels(shortcut: string): string[];
|
|
11
|
+
//# sourceMappingURL=parseCommandShortcut.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parseCommandShortcut.d.ts","sourceRoot":"","sources":["../../../../src/components/command/hooks/parseCommandShortcut.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAUD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,qBAAqB,CA0B5E;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,MAAM,GACf,OAAO,CAUT;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAwCtE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type { ParsedCommandShortcut } from "./parseCommandShortcut";
|
|
2
|
+
export { matchesCommandShortcut, parseCommandShortcut } from "./parseCommandShortcut";
|
|
3
|
+
export interface UseCommandShortcutOptions {
|
|
4
|
+
shortcut?: string;
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function useCommandShortcut(onToggle: () => void, { shortcut, enabled }?: UseCommandShortcutOptions): void;
|
|
8
|
+
//# sourceMappingURL=useCommandShortcut.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCommandShortcut.d.ts","sourceRoot":"","sources":["../../../../src/components/command/hooks/useCommandShortcut.ts"],"names":[],"mappings":"AAGA,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgBtF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,IAAI,EACpB,EAAE,QAAkB,EAAE,OAAc,EAAE,GAAE,yBAA8B,QAuBvE"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, useCommandDialog, useCommandShortcut, } from "./Command";
|
|
2
|
+
export type { CommandClassNames, CommandDialogClassNames, CommandDialogProps, CommandEmptyClassNames, CommandEmptyProps, CommandGroupClassNames, CommandGroupProps, CommandInputClassNames, CommandInputProps, CommandItemClassNames, CommandItemProps, CommandListClassNames, CommandListProps, CommandLoadingClassNames, CommandLoadingProps, CommandProps, CommandSeparatorClassNames, CommandSeparatorProps, CommandShortcutClassNames, CommandShortcutProps, } from "../../types/command";
|
|
3
|
+
export type { UseCommandShortcutOptions } from "./hooks/useCommandShortcut";
|
|
4
|
+
export type { ParsedCommandShortcut } from "./hooks/parseCommandShortcut";
|
|
5
|
+
export { formatCommandShortcutLabels, matchesCommandShortcut, parseCommandShortcut, } from "./hooks/parseCommandShortcut";
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,YAAY,EACZ,0BAA0B,EAC1B,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,YAAY,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
2
|
+
import type { DialogContentProps, DialogDescriptionProps, DialogOverlayProps, DialogTitleProps } from "../../types/dialog";
|
|
3
|
+
import "./styles/dialog.css";
|
|
4
|
+
export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
|
|
5
|
+
export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
|
|
7
|
+
export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const DialogOverlay: import("react").ForwardRefExoticComponent<DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
11
|
+
export declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
12
|
+
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,uDAAyB,CAAC;AACnD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAUzB,CAAC;AAEF,eAAO,MAAM,aAAa,+GA8BzB,CAAC;AAEF,eAAO,MAAM,WAAW,iHAUvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yHAe5B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./Dialog";
|
|
2
|
+
export type { DialogContentClassNames, DialogContentProps, DialogDescriptionClassNames, DialogDescriptionProps, DialogOverlayClassNames, DialogOverlayProps, DialogTitleClassNames, DialogTitleProps, } from "../../types/dialog";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,uBAAuB,EACvB,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
2
|
+
import type { ModalBodyProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalHeaderProps, ModalOverlayProps, ModalTitleProps } from "../../types/modal";
|
|
3
|
+
import "./styles/modal.css";
|
|
4
|
+
export declare const Modal: import("react").FC<DialogPrimitive.DialogProps>;
|
|
5
|
+
export declare const ModalTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const ModalPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
|
|
7
|
+
export declare const ModalClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const ModalOverlay: import("react").ForwardRefExoticComponent<ModalOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const ModalContent: import("react").ForwardRefExoticComponent<ModalContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const ModalHeader: import("react").ForwardRefExoticComponent<ModalHeaderProps & import("react").RefAttributes<HTMLElement>>;
|
|
11
|
+
export declare const ModalTitle: import("react").ForwardRefExoticComponent<ModalTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
12
|
+
export declare const ModalDescription: import("react").ForwardRefExoticComponent<ModalDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
13
|
+
export declare const ModalBody: import("react").ForwardRefExoticComponent<ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLElement>>;
|
|
15
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,KAAK,iDAAuB,CAAC;AAC1C,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,eAAO,MAAM,WAAW,uDAAyB,CAAC;AAClD,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAEhD,eAAO,MAAM,YAAY,8GAUxB,CAAC;AAEF,eAAO,MAAM,YAAY,8GA8BxB,CAAC;AAEF,eAAO,MAAM,WAAW,0GAUvB,CAAC;AAEF,eAAO,MAAM,UAAU,gHAUtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,wHAe3B,CAAC;AAEH,eAAO,MAAM,SAAS,2GAUrB,CAAC;AAEF,eAAO,MAAM,WAAW,0GAUvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, } from "./Modal";
|
|
2
|
+
export type { ModalBodyClassNames, ModalBodyProps, ModalContentClassNames, ModalContentProps, ModalDescriptionClassNames, ModalDescriptionProps, ModalFooterClassNames, ModalFooterProps, ModalHeaderClassNames, ModalHeaderProps, ModalOverlayClassNames, ModalOverlayProps, ModalTitleClassNames, ModalTitleProps, } from "../../types/modal";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ProgressBarProps } from "../../types/progress-bar";
|
|
2
|
+
import "./styles/progress-bar.css";
|
|
3
|
+
export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,2BAA2B,CAAC;AAMnC,eAAO,MAAM,WAAW,6GA+DvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.test.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
2
|
+
import type { SheetBodyProps, SheetContentProps, SheetDescriptionProps, SheetFooterProps, SheetHeaderProps, SheetOverlayProps, SheetTitleProps } from "../../types/sheet";
|
|
3
|
+
import "./styles/sheet.css";
|
|
4
|
+
export declare const Sheet: import("react").FC<DialogPrimitive.DialogProps>;
|
|
5
|
+
export declare const SheetTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export declare const SheetPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
|
|
7
|
+
export declare const SheetClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const SheetOverlay: import("react").ForwardRefExoticComponent<SheetOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const SheetContent: import("react").ForwardRefExoticComponent<SheetContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const SheetHeader: import("react").ForwardRefExoticComponent<SheetHeaderProps & import("react").RefAttributes<HTMLElement>>;
|
|
11
|
+
export declare const SheetTitle: import("react").ForwardRefExoticComponent<SheetTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
12
|
+
export declare const SheetDescription: import("react").ForwardRefExoticComponent<SheetDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
13
|
+
export declare const SheetBody: import("react").ForwardRefExoticComponent<SheetBodyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const SheetFooter: import("react").ForwardRefExoticComponent<SheetFooterProps & import("react").RefAttributes<HTMLElement>>;
|
|
15
|
+
//# sourceMappingURL=Sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAEjB,eAAe,EAChB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,oBAAoB,CAAC;AAE5B,eAAO,MAAM,KAAK,iDAAuB,CAAC;AAC1C,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,eAAO,MAAM,WAAW,uDAAyB,CAAC;AAClD,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAMhD,eAAO,MAAM,YAAY,8GAUxB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAqCxB,CAAC;AAEF,eAAO,MAAM,WAAW,0GAUvB,CAAC;AAEF,eAAO,MAAM,UAAU,gHAUtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,wHAe3B,CAAC;AAEH,eAAO,MAAM,SAAS,2GAUrB,CAAC;AAEF,eAAO,MAAM,WAAW,0GAUvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sheet.test.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/Sheet.test.tsx"],"names":[],"mappings":""}
|