@refraction-ui/react 0.4.2 → 0.5.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 +9 -1
- package/dist/chunk-ZWRGVWUY.js +120 -0
- package/dist/chunk-ZWRGVWUY.js.map +1 -0
- package/dist/form.cjs +315 -0
- package/dist/form.cjs.map +1 -0
- package/dist/form.d.cts +1 -0
- package/dist/form.d.ts +1 -0
- package/dist/form.js +196 -0
- package/dist/form.js.map +1 -0
- package/dist/index.cjs +0 -226
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +74 -76
- package/dist/index.d.ts +74 -76
- package/dist/index.js +2 -302
- package/dist/index.js.map +1 -1
- package/dist/internal/animated-text/index.d.cts +47 -0
- package/dist/internal/animated-text/index.d.ts +47 -0
- package/dist/internal/app-shell/index.d.cts +128 -0
- package/dist/internal/app-shell/index.d.ts +128 -0
- package/dist/internal/auth/index.d.cts +74 -0
- package/dist/internal/auth/index.d.ts +74 -0
- package/dist/internal/avatar/index.d.cts +53 -0
- package/dist/internal/avatar/index.d.ts +53 -0
- package/dist/internal/avatar-group/index.d.cts +70 -0
- package/dist/internal/avatar-group/index.d.ts +70 -0
- package/dist/internal/badge/index.d.cts +26 -0
- package/dist/internal/badge/index.d.ts +26 -0
- package/dist/internal/bottom-nav/index.d.cts +29 -0
- package/dist/internal/bottom-nav/index.d.ts +29 -0
- package/dist/internal/breadcrumbs/index.d.cts +38 -0
- package/dist/internal/breadcrumbs/index.d.ts +38 -0
- package/dist/internal/button/index.d.cts +34 -0
- package/dist/internal/button/index.d.ts +34 -0
- package/dist/internal/calendar/index.d.cts +73 -0
- package/dist/internal/calendar/index.d.ts +73 -0
- package/dist/internal/card/index.d.cts +62 -0
- package/dist/internal/card/index.d.ts +62 -0
- package/dist/internal/card-grid/index.d.cts +10 -0
- package/dist/internal/card-grid/index.d.ts +10 -0
- package/dist/internal/checkbox/index.d.cts +40 -0
- package/dist/internal/checkbox/index.d.ts +40 -0
- package/dist/internal/code-editor/index.d.cts +47 -0
- package/dist/internal/code-editor/index.d.ts +47 -0
- package/dist/internal/collapsible/index.d.cts +43 -0
- package/dist/internal/collapsible/index.d.ts +43 -0
- package/dist/internal/command/index.d.cts +80 -0
- package/dist/internal/command/index.d.ts +80 -0
- package/dist/internal/content-protection/index.d.cts +47 -0
- package/dist/internal/content-protection/index.d.ts +47 -0
- package/dist/internal/data-table/index.d.cts +73 -0
- package/dist/internal/data-table/index.d.ts +73 -0
- package/dist/internal/date-picker/index.d.cts +98 -0
- package/dist/internal/date-picker/index.d.ts +98 -0
- package/dist/internal/device-frame/index.d.cts +40 -0
- package/dist/internal/device-frame/index.d.ts +40 -0
- package/dist/internal/dialog/index.d.cts +54 -0
- package/dist/internal/dialog/index.d.ts +54 -0
- package/dist/internal/dropdown-menu/index.d.cts +55 -0
- package/dist/internal/dropdown-menu/index.d.ts +55 -0
- package/dist/internal/emoji-picker/index.d.cts +77 -0
- package/dist/internal/emoji-picker/index.d.ts +77 -0
- package/dist/internal/feedback-dialog/index.d.cts +55 -0
- package/dist/internal/feedback-dialog/index.d.ts +55 -0
- package/dist/internal/file-upload/index.d.cts +91 -0
- package/dist/internal/file-upload/index.d.ts +91 -0
- package/dist/internal/footer/index.d.cts +30 -0
- package/dist/internal/footer/index.d.ts +30 -0
- package/dist/internal/inline-editor/index.d.cts +52 -0
- package/dist/internal/inline-editor/index.d.ts +52 -0
- package/dist/internal/input/index.d.cts +38 -0
- package/dist/internal/input/index.d.ts +38 -0
- package/dist/internal/input-group/index.d.cts +35 -0
- package/dist/internal/input-group/index.d.ts +35 -0
- package/dist/internal/install-prompt/index.d.cts +36 -0
- package/dist/internal/install-prompt/index.d.ts +36 -0
- package/dist/internal/keyboard-shortcut/index.d.cts +49 -0
- package/dist/internal/keyboard-shortcut/index.d.ts +49 -0
- package/dist/internal/language-selector/index.d.cts +63 -0
- package/dist/internal/language-selector/index.d.ts +63 -0
- package/dist/internal/markdown-renderer/index.d.cts +40 -0
- package/dist/internal/markdown-renderer/index.d.ts +40 -0
- package/dist/internal/mobile-nav/index.d.cts +45 -0
- package/dist/internal/mobile-nav/index.d.ts +45 -0
- package/dist/internal/navbar/index.d.cts +30 -0
- package/dist/internal/navbar/index.d.ts +30 -0
- package/dist/internal/otp-input/index.d.cts +66 -0
- package/dist/internal/otp-input/index.d.ts +66 -0
- package/dist/internal/payment/index.d.cts +9 -0
- package/dist/internal/payment/index.d.ts +9 -0
- package/dist/internal/popover/index.d.cts +46 -0
- package/dist/internal/popover/index.d.ts +46 -0
- package/dist/internal/presence-indicator/index.d.cts +38 -0
- package/dist/internal/presence-indicator/index.d.ts +38 -0
- package/dist/internal/progress-display/index.d.cts +60 -0
- package/dist/internal/progress-display/index.d.ts +60 -0
- package/dist/internal/radio/index.d.ts +43 -0
- package/dist/internal/react-accordion/index.d.ts +22 -0
- package/dist/internal/react-animated-text/index.d.cts +12 -0
- package/dist/internal/react-animated-text/index.d.ts +12 -0
- package/dist/internal/react-app-shell/index.d.cts +169 -0
- package/dist/internal/react-app-shell/index.d.ts +169 -0
- package/dist/internal/react-auth/index.d.cts +59 -0
- package/dist/internal/react-auth/index.d.ts +59 -0
- package/dist/internal/react-avatar/index.d.cts +20 -0
- package/dist/internal/react-avatar/index.d.ts +20 -0
- package/dist/internal/react-avatar-group/index.d.cts +33 -0
- package/dist/internal/react-avatar-group/index.d.ts +33 -0
- package/dist/internal/react-badge/index.d.cts +17 -0
- package/dist/internal/react-badge/index.d.ts +17 -0
- package/dist/internal/react-bottom-nav/index.d.cts +19 -0
- package/dist/internal/react-bottom-nav/index.d.ts +19 -0
- package/dist/internal/react-breadcrumbs/index.d.cts +24 -0
- package/dist/internal/react-breadcrumbs/index.d.ts +24 -0
- package/dist/internal/react-button/index.d.cts +21 -0
- package/dist/internal/react-button/index.d.ts +21 -0
- package/dist/internal/react-calendar/index.d.cts +44 -0
- package/dist/internal/react-calendar/index.d.ts +44 -0
- package/dist/internal/react-callout/index.d.cts +12 -0
- package/dist/internal/react-callout/index.d.ts +12 -0
- package/dist/internal/react-card/index.d.cts +29 -0
- package/dist/internal/react-card/index.d.ts +29 -0
- package/dist/internal/react-card-grid/index.d.cts +8 -0
- package/dist/internal/react-card-grid/index.d.ts +8 -0
- package/dist/internal/react-carousel/index.d.ts +22 -0
- package/dist/internal/react-checkbox/index.d.cts +18 -0
- package/dist/internal/react-checkbox/index.d.ts +18 -0
- package/dist/internal/react-code-block/index.d.cts +7 -0
- package/dist/internal/react-code-block/index.d.ts +7 -0
- package/dist/internal/react-code-editor/index.d.cts +28 -0
- package/dist/internal/react-code-editor/index.d.ts +28 -0
- package/dist/internal/react-collapsible/index.d.cts +29 -0
- package/dist/internal/react-collapsible/index.d.ts +29 -0
- package/dist/internal/react-combobox/index.d.cts +94 -0
- package/dist/internal/react-combobox/index.d.ts +94 -0
- package/dist/internal/react-command/index.d.cts +51 -0
- package/dist/internal/react-command/index.d.ts +51 -0
- package/dist/internal/react-content-protection/index.d.cts +22 -0
- package/dist/internal/react-content-protection/index.d.ts +22 -0
- package/dist/internal/react-data-table/index.d.cts +22 -0
- package/dist/internal/react-data-table/index.d.ts +22 -0
- package/dist/internal/react-date-picker/index.d.cts +23 -0
- package/dist/internal/react-date-picker/index.d.ts +23 -0
- package/dist/internal/react-device-frame/index.d.cts +37 -0
- package/dist/internal/react-device-frame/index.d.ts +37 -0
- package/dist/internal/react-dialog/index.d.cts +49 -0
- package/dist/internal/react-dialog/index.d.ts +49 -0
- package/dist/internal/react-dropdown-menu/index.d.cts +37 -0
- package/dist/internal/react-dropdown-menu/index.d.ts +37 -0
- package/dist/internal/react-emoji-picker/index.d.cts +32 -0
- package/dist/internal/react-emoji-picker/index.d.ts +32 -0
- package/dist/internal/react-feedback-dialog/index.d.cts +40 -0
- package/dist/internal/react-feedback-dialog/index.d.ts +40 -0
- package/dist/internal/react-file-tree/index.d.cts +5 -0
- package/dist/internal/react-file-tree/index.d.ts +5 -0
- package/dist/internal/react-file-upload/index.d.cts +22 -0
- package/dist/internal/react-file-upload/index.d.ts +22 -0
- package/dist/internal/react-footer/index.d.cts +20 -0
- package/dist/internal/react-footer/index.d.ts +20 -0
- package/dist/internal/react-form/index.d.cts +85 -0
- package/dist/internal/react-form/index.d.ts +85 -0
- package/dist/internal/react-icon-system/index.d.cts +5 -0
- package/dist/internal/react-icon-system/index.d.ts +5 -0
- package/dist/internal/react-inline-editor/index.d.cts +17 -0
- package/dist/internal/react-inline-editor/index.d.ts +17 -0
- package/dist/internal/react-input/index.d.cts +31 -0
- package/dist/internal/react-input/index.d.ts +31 -0
- package/dist/internal/react-input-group/index.d.cts +34 -0
- package/dist/internal/react-input-group/index.d.ts +34 -0
- package/dist/internal/react-install-prompt/index.d.cts +24 -0
- package/dist/internal/react-install-prompt/index.d.ts +24 -0
- package/dist/internal/react-keyboard-shortcut/index.d.cts +57 -0
- package/dist/internal/react-keyboard-shortcut/index.d.ts +57 -0
- package/dist/internal/react-language-selector/index.d.cts +26 -0
- package/dist/internal/react-language-selector/index.d.ts +26 -0
- package/dist/internal/react-link-card/index.d.cts +5 -0
- package/dist/internal/react-link-card/index.d.ts +5 -0
- package/dist/internal/react-markdown-renderer/index.d.cts +20 -0
- package/dist/internal/react-markdown-renderer/index.d.ts +20 -0
- package/dist/internal/react-mobile-nav/index.d.cts +33 -0
- package/dist/internal/react-mobile-nav/index.d.ts +33 -0
- package/dist/internal/react-navbar/index.d.cts +25 -0
- package/dist/internal/react-navbar/index.d.ts +25 -0
- package/dist/internal/react-otp-input/index.d.cts +21 -0
- package/dist/internal/react-otp-input/index.d.ts +21 -0
- package/dist/internal/react-pagination/index.d.ts +7 -0
- package/dist/internal/react-payment/index.d.cts +9 -0
- package/dist/internal/react-payment/index.d.ts +9 -0
- package/dist/internal/react-popover/index.d.cts +33 -0
- package/dist/internal/react-popover/index.d.ts +33 -0
- package/dist/internal/react-presence-indicator/index.d.cts +34 -0
- package/dist/internal/react-presence-indicator/index.d.ts +34 -0
- package/dist/internal/react-progress-display/index.d.cts +21 -0
- package/dist/internal/react-progress-display/index.d.ts +21 -0
- package/dist/internal/react-radio/index.d.ts +33 -0
- package/dist/internal/react-reaction-bar/index.d.cts +34 -0
- package/dist/internal/react-reaction-bar/index.d.ts +34 -0
- package/dist/internal/react-resizable-layout/index.d.cts +36 -0
- package/dist/internal/react-resizable-layout/index.d.ts +36 -0
- package/dist/internal/react-rich-editor/index.d.cts +2 -0
- package/dist/internal/react-rich-editor/index.d.ts +2 -0
- package/dist/internal/react-search-bar/index.d.cts +32 -0
- package/dist/internal/react-search-bar/index.d.ts +32 -0
- package/dist/internal/react-select/index.d.cts +30 -0
- package/dist/internal/react-select/index.d.ts +30 -0
- package/dist/internal/react-sheet/index.d.cts +67 -0
- package/dist/internal/react-sheet/index.d.ts +67 -0
- package/dist/internal/react-sidebar/index.d.cts +23 -0
- package/dist/internal/react-sidebar/index.d.ts +23 -0
- package/dist/internal/react-skeleton/index.d.cts +31 -0
- package/dist/internal/react-skeleton/index.d.ts +31 -0
- package/dist/internal/react-skip-to-content/index.d.cts +9 -0
- package/dist/internal/react-skip-to-content/index.d.ts +9 -0
- package/dist/internal/react-slide-viewer/index.d.cts +23 -0
- package/dist/internal/react-slide-viewer/index.d.ts +23 -0
- package/dist/internal/react-slider/index.d.cts +1 -0
- package/dist/internal/react-slider/index.d.ts +1 -0
- package/dist/internal/react-status-indicator/index.d.cts +34 -0
- package/dist/internal/react-status-indicator/index.d.ts +34 -0
- package/dist/internal/react-steps/index.d.cts +19 -0
- package/dist/internal/react-steps/index.d.ts +19 -0
- package/dist/internal/react-switch/index.d.cts +17 -0
- package/dist/internal/react-switch/index.d.ts +17 -0
- package/dist/internal/react-table-of-contents/index.d.ts +10 -0
- package/dist/internal/react-tabs/index.d.cts +31 -0
- package/dist/internal/react-tabs/index.d.ts +31 -0
- package/dist/internal/react-textarea/index.d.cts +16 -0
- package/dist/internal/react-textarea/index.d.ts +16 -0
- package/dist/internal/react-theme/index.d.cts +44 -0
- package/dist/internal/react-theme/index.d.ts +44 -0
- package/dist/internal/react-thread-view/index.d.cts +34 -0
- package/dist/internal/react-thread-view/index.d.ts +34 -0
- package/dist/internal/react-toast/index.d.cts +36 -0
- package/dist/internal/react-toast/index.d.ts +36 -0
- package/dist/internal/react-tooltip/index.d.cts +33 -0
- package/dist/internal/react-tooltip/index.d.ts +33 -0
- package/dist/internal/react-version-selector/index.d.cts +24 -0
- package/dist/internal/react-version-selector/index.d.ts +24 -0
- package/dist/internal/react-video-player/index.d.cts +9 -0
- package/dist/internal/react-video-player/index.d.ts +9 -0
- package/dist/internal/react-voice-pill/index.d.cts +10 -0
- package/dist/internal/react-voice-pill/index.d.ts +10 -0
- package/dist/internal/react-waveform/index.d.cts +9 -0
- package/dist/internal/react-waveform/index.d.ts +9 -0
- package/dist/internal/reaction-bar/index.d.cts +50 -0
- package/dist/internal/reaction-bar/index.d.ts +50 -0
- package/dist/internal/resizable-layout/index.d.cts +47 -0
- package/dist/internal/resizable-layout/index.d.ts +47 -0
- package/dist/internal/search-bar/index.d.cts +51 -0
- package/dist/internal/search-bar/index.d.ts +51 -0
- package/dist/internal/select/index.d.cts +69 -0
- package/dist/internal/select/index.d.ts +69 -0
- package/dist/internal/shared/index.d.cts +249 -0
- package/dist/internal/shared/index.d.ts +249 -0
- package/dist/internal/sidebar/index.d.cts +40 -0
- package/dist/internal/sidebar/index.d.ts +40 -0
- package/dist/internal/skeleton/index.d.cts +27 -0
- package/dist/internal/skeleton/index.d.ts +27 -0
- package/dist/internal/slide-viewer/index.d.cts +72 -0
- package/dist/internal/slide-viewer/index.d.ts +72 -0
- package/dist/internal/slider/index.d.cts +4 -0
- package/dist/internal/slider/index.d.ts +4 -0
- package/dist/internal/status-indicator/index.d.cts +42 -0
- package/dist/internal/status-indicator/index.d.ts +42 -0
- package/dist/internal/switch/index.d.cts +41 -0
- package/dist/internal/switch/index.d.ts +41 -0
- package/dist/internal/tabs/index.d.cts +45 -0
- package/dist/internal/tabs/index.d.ts +45 -0
- package/dist/internal/textarea/index.d.cts +28 -0
- package/dist/internal/textarea/index.d.ts +28 -0
- package/dist/internal/theme/index.d.cts +60 -0
- package/dist/internal/theme/index.d.ts +60 -0
- package/dist/internal/thread-view/index.d.cts +95 -0
- package/dist/internal/thread-view/index.d.ts +95 -0
- package/dist/internal/toast/index.d.cts +64 -0
- package/dist/internal/toast/index.d.ts +64 -0
- package/dist/internal/tooltip/index.d.cts +45 -0
- package/dist/internal/tooltip/index.d.ts +45 -0
- package/dist/internal/version-selector/index.d.cts +68 -0
- package/dist/internal/version-selector/index.d.ts +68 -0
- package/dist/internal/video-player/index.d.cts +50 -0
- package/dist/internal/video-player/index.d.ts +50 -0
- package/dist/internal/voice-pill/index.d.cts +86 -0
- package/dist/internal/voice-pill/index.d.ts +86 -0
- package/dist/internal/waveform/index.d.cts +83 -0
- package/dist/internal/waveform/index.d.ts +83 -0
- package/dist/theme.d.cts +1 -1
- package/dist/theme.d.ts +1 -1
- package/package.json +7 -6
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DeviceType, DeviceOrientation } from '../device-frame/index.js';
|
|
3
|
+
export { DeviceFrameProps as CoreDeviceFrameProps, DeviceDimensions, DeviceFrameAPI, DeviceOrientation, DeviceType, deviceFrameVariants } from '../device-frame/index.js';
|
|
4
|
+
|
|
5
|
+
interface DeviceFrameProps {
|
|
6
|
+
device: DeviceType;
|
|
7
|
+
orientation?: DeviceOrientation;
|
|
8
|
+
className?: string;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare function DeviceFrame({ device, orientation, className, children, }: DeviceFrameProps): React.DetailedReactHTMLElement<{
|
|
12
|
+
role?: string | undefined;
|
|
13
|
+
tabIndex?: number | undefined;
|
|
14
|
+
'aria-label'?: string | undefined;
|
|
15
|
+
'aria-labelledby'?: string | undefined;
|
|
16
|
+
'aria-describedby'?: string | undefined;
|
|
17
|
+
'aria-controls'?: string | undefined;
|
|
18
|
+
'aria-expanded'?: boolean | undefined;
|
|
19
|
+
'aria-selected'?: boolean | undefined;
|
|
20
|
+
'aria-hidden'?: boolean | undefined;
|
|
21
|
+
'aria-disabled'?: boolean | undefined;
|
|
22
|
+
'aria-pressed'?: boolean | "mixed" | undefined;
|
|
23
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
24
|
+
'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
25
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
26
|
+
'aria-atomic'?: boolean | undefined;
|
|
27
|
+
className: string;
|
|
28
|
+
style: {
|
|
29
|
+
width: string;
|
|
30
|
+
height: string;
|
|
31
|
+
};
|
|
32
|
+
}, HTMLElement>;
|
|
33
|
+
declare namespace DeviceFrame {
|
|
34
|
+
var displayName: string;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { DeviceFrame, type DeviceFrameProps };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export { DialogProps as CoreDialogProps, DialogAPI, DialogState, dialogContentVariants, overlayStyles } from '../dialog/index.cjs';
|
|
3
|
+
|
|
4
|
+
interface DialogContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
modal: boolean;
|
|
8
|
+
contentId: string;
|
|
9
|
+
titleId: string;
|
|
10
|
+
descriptionId: string;
|
|
11
|
+
}
|
|
12
|
+
interface DialogProps {
|
|
13
|
+
open?: boolean;
|
|
14
|
+
defaultOpen?: boolean;
|
|
15
|
+
onOpenChange?: (open: boolean) => void;
|
|
16
|
+
modal?: boolean;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
|
|
20
|
+
declare namespace Dialog {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
}
|
|
29
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
}
|
|
32
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
}
|
|
35
|
+
declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
37
|
+
}
|
|
38
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
40
|
+
}
|
|
41
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
42
|
+
interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
43
|
+
}
|
|
44
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
45
|
+
interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
46
|
+
}
|
|
47
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
|
|
49
|
+
export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export { DialogProps as CoreDialogProps, DialogAPI, DialogState, dialogContentVariants, overlayStyles } from '../dialog/index.js';
|
|
3
|
+
|
|
4
|
+
interface DialogContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
modal: boolean;
|
|
8
|
+
contentId: string;
|
|
9
|
+
titleId: string;
|
|
10
|
+
descriptionId: string;
|
|
11
|
+
}
|
|
12
|
+
interface DialogProps {
|
|
13
|
+
open?: boolean;
|
|
14
|
+
defaultOpen?: boolean;
|
|
15
|
+
onOpenChange?: (open: boolean) => void;
|
|
16
|
+
modal?: boolean;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
|
|
20
|
+
declare namespace Dialog {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
}
|
|
29
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
}
|
|
32
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
}
|
|
35
|
+
declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
37
|
+
}
|
|
38
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
40
|
+
}
|
|
41
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
42
|
+
interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
43
|
+
}
|
|
44
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
45
|
+
interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
46
|
+
}
|
|
47
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
|
|
49
|
+
export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export { DropdownMenuProps as CoreDropdownMenuProps, DropdownMenuAPI, DropdownMenuState, MenuItemProps, menuContentVariants, menuItemVariants } from '../dropdown-menu/index.cjs';
|
|
3
|
+
|
|
4
|
+
interface DropdownMenuContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
contentId: string;
|
|
8
|
+
}
|
|
9
|
+
interface DropdownMenuProps {
|
|
10
|
+
open?: boolean;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
onOpenChange?: (open: boolean) => void;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
|
|
16
|
+
declare namespace DropdownMenu {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
20
|
+
}
|
|
21
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
|
+
}
|
|
24
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
onSelect?: () => void;
|
|
28
|
+
}
|
|
29
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
}
|
|
32
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
}
|
|
35
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
|
|
37
|
+
export { DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export { DropdownMenuProps as CoreDropdownMenuProps, DropdownMenuAPI, DropdownMenuState, MenuItemProps, menuContentVariants, menuItemVariants } from '../dropdown-menu/index.js';
|
|
3
|
+
|
|
4
|
+
interface DropdownMenuContextValue {
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange: (open: boolean) => void;
|
|
7
|
+
contentId: string;
|
|
8
|
+
}
|
|
9
|
+
interface DropdownMenuProps {
|
|
10
|
+
open?: boolean;
|
|
11
|
+
defaultOpen?: boolean;
|
|
12
|
+
onOpenChange?: (open: boolean) => void;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
|
|
16
|
+
declare namespace DropdownMenu {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
20
|
+
}
|
|
21
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
|
+
}
|
|
24
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
onSelect?: () => void;
|
|
28
|
+
}
|
|
29
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
31
|
+
}
|
|
32
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
+
interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
}
|
|
35
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
|
|
37
|
+
export { DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { EmojiEntry } from '../emoji-picker/index.cjs';
|
|
3
|
+
export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, EMOJI_CATEGORIES, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles } from '../emoji-picker/index.cjs';
|
|
4
|
+
|
|
5
|
+
interface EmojiPickerProps {
|
|
6
|
+
onSelect?: (emoji: EmojiEntry) => void;
|
|
7
|
+
recentEmojis?: EmojiEntry[];
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function EmojiPicker({ onSelect, recentEmojis: initialRecent, className }: EmojiPickerProps): React.DetailedReactHTMLElement<{
|
|
11
|
+
role?: string | undefined;
|
|
12
|
+
tabIndex?: number | undefined;
|
|
13
|
+
'aria-label'?: string | undefined;
|
|
14
|
+
'aria-labelledby'?: string | undefined;
|
|
15
|
+
'aria-describedby'?: string | undefined;
|
|
16
|
+
'aria-controls'?: string | undefined;
|
|
17
|
+
'aria-expanded'?: boolean | undefined;
|
|
18
|
+
'aria-selected'?: boolean | undefined;
|
|
19
|
+
'aria-hidden'?: boolean | undefined;
|
|
20
|
+
'aria-disabled'?: boolean | undefined;
|
|
21
|
+
'aria-pressed'?: boolean | "mixed" | undefined;
|
|
22
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
23
|
+
'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
24
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
25
|
+
'aria-atomic'?: boolean | undefined;
|
|
26
|
+
className: string;
|
|
27
|
+
}, HTMLElement>;
|
|
28
|
+
declare namespace EmojiPicker {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { EmojiPicker, type EmojiPickerProps };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { EmojiEntry } from '../emoji-picker/index.js';
|
|
3
|
+
export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, EMOJI_CATEGORIES, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles } from '../emoji-picker/index.js';
|
|
4
|
+
|
|
5
|
+
interface EmojiPickerProps {
|
|
6
|
+
onSelect?: (emoji: EmojiEntry) => void;
|
|
7
|
+
recentEmojis?: EmojiEntry[];
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function EmojiPicker({ onSelect, recentEmojis: initialRecent, className }: EmojiPickerProps): React.DetailedReactHTMLElement<{
|
|
11
|
+
role?: string | undefined;
|
|
12
|
+
tabIndex?: number | undefined;
|
|
13
|
+
'aria-label'?: string | undefined;
|
|
14
|
+
'aria-labelledby'?: string | undefined;
|
|
15
|
+
'aria-describedby'?: string | undefined;
|
|
16
|
+
'aria-controls'?: string | undefined;
|
|
17
|
+
'aria-expanded'?: boolean | undefined;
|
|
18
|
+
'aria-selected'?: boolean | undefined;
|
|
19
|
+
'aria-hidden'?: boolean | undefined;
|
|
20
|
+
'aria-disabled'?: boolean | undefined;
|
|
21
|
+
'aria-pressed'?: boolean | "mixed" | undefined;
|
|
22
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
23
|
+
'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
24
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
25
|
+
'aria-atomic'?: boolean | undefined;
|
|
26
|
+
className: string;
|
|
27
|
+
}, HTMLElement>;
|
|
28
|
+
declare namespace EmojiPicker {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { EmojiPicker, type EmojiPickerProps };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FeedbackData, FeedbackType } from '../feedback-dialog/index.cjs';
|
|
3
|
+
export { FeedbackData, FeedbackDialogAPI, FeedbackDialogState, FeedbackFormState, FeedbackType, feedbackDialogVariants } from '../feedback-dialog/index.cjs';
|
|
4
|
+
|
|
5
|
+
interface FeedbackDialogProps {
|
|
6
|
+
open?: boolean;
|
|
7
|
+
onOpenChange?: (open: boolean) => void;
|
|
8
|
+
onSubmit?: (data: FeedbackData) => void | Promise<void>;
|
|
9
|
+
type?: FeedbackType;
|
|
10
|
+
className?: string;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare function FeedbackDialog({ open: controlledOpen, onOpenChange, onSubmit, type, className, }: FeedbackDialogProps): React.DetailedReactHTMLElement<{
|
|
14
|
+
'data-state': string;
|
|
15
|
+
role?: string | undefined;
|
|
16
|
+
tabIndex?: number | undefined;
|
|
17
|
+
'aria-label'?: string | undefined;
|
|
18
|
+
'aria-labelledby'?: string | undefined;
|
|
19
|
+
'aria-describedby'?: string | undefined;
|
|
20
|
+
'aria-controls'?: string | undefined;
|
|
21
|
+
'aria-expanded'?: boolean | undefined;
|
|
22
|
+
'aria-selected'?: boolean | undefined;
|
|
23
|
+
'aria-hidden'?: boolean | undefined;
|
|
24
|
+
'aria-disabled'?: boolean | undefined;
|
|
25
|
+
'aria-pressed'?: boolean | "mixed" | undefined;
|
|
26
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
27
|
+
'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
28
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
29
|
+
'aria-atomic'?: boolean | undefined;
|
|
30
|
+
className: string;
|
|
31
|
+
}, HTMLElement> | null;
|
|
32
|
+
declare namespace FeedbackDialog {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
}
|
|
38
|
+
declare const FeedbackButton: React.ForwardRefExoticComponent<FeedbackButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
+
|
|
40
|
+
export { FeedbackButton, type FeedbackButtonProps, FeedbackDialog, type FeedbackDialogProps };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FeedbackData, FeedbackType } from '../feedback-dialog/index.js';
|
|
3
|
+
export { FeedbackData, FeedbackDialogAPI, FeedbackDialogState, FeedbackFormState, FeedbackType, feedbackDialogVariants } from '../feedback-dialog/index.js';
|
|
4
|
+
|
|
5
|
+
interface FeedbackDialogProps {
|
|
6
|
+
open?: boolean;
|
|
7
|
+
onOpenChange?: (open: boolean) => void;
|
|
8
|
+
onSubmit?: (data: FeedbackData) => void | Promise<void>;
|
|
9
|
+
type?: FeedbackType;
|
|
10
|
+
className?: string;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare function FeedbackDialog({ open: controlledOpen, onOpenChange, onSubmit, type, className, }: FeedbackDialogProps): React.DetailedReactHTMLElement<{
|
|
14
|
+
'data-state': string;
|
|
15
|
+
role?: string | undefined;
|
|
16
|
+
tabIndex?: number | undefined;
|
|
17
|
+
'aria-label'?: string | undefined;
|
|
18
|
+
'aria-labelledby'?: string | undefined;
|
|
19
|
+
'aria-describedby'?: string | undefined;
|
|
20
|
+
'aria-controls'?: string | undefined;
|
|
21
|
+
'aria-expanded'?: boolean | undefined;
|
|
22
|
+
'aria-selected'?: boolean | undefined;
|
|
23
|
+
'aria-hidden'?: boolean | undefined;
|
|
24
|
+
'aria-disabled'?: boolean | undefined;
|
|
25
|
+
'aria-pressed'?: boolean | "mixed" | undefined;
|
|
26
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
27
|
+
'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
28
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
29
|
+
'aria-atomic'?: boolean | undefined;
|
|
30
|
+
className: string;
|
|
31
|
+
}, HTMLElement> | null;
|
|
32
|
+
declare namespace FeedbackDialog {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
36
|
+
children?: React.ReactNode;
|
|
37
|
+
}
|
|
38
|
+
declare const FeedbackButton: React.ForwardRefExoticComponent<FeedbackButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
39
|
+
|
|
40
|
+
export { FeedbackButton, type FeedbackButtonProps, FeedbackDialog, type FeedbackDialogProps };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FileEntry, FileUploadError } from '../file-upload/index.cjs';
|
|
3
|
+
export { FileUploadProps as CoreFileUploadProps, FileEntry, FileStatus, FileUploadAPI, FileUploadError, FileUploadState, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, formatFileSize } from '../file-upload/index.cjs';
|
|
4
|
+
|
|
5
|
+
interface FileUploadProps {
|
|
6
|
+
accept?: string;
|
|
7
|
+
maxSize?: number;
|
|
8
|
+
maxFiles?: number;
|
|
9
|
+
multiple?: boolean;
|
|
10
|
+
onFilesSelected?: (files: FileEntry[]) => void;
|
|
11
|
+
onError?: (errors: FileUploadError[]) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
|
|
16
|
+
className: string | undefined;
|
|
17
|
+
}, HTMLElement>;
|
|
18
|
+
declare namespace FileUpload {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { FileUpload, type FileUploadProps };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FileEntry, FileUploadError } from '../file-upload/index.js';
|
|
3
|
+
export { FileUploadProps as CoreFileUploadProps, FileEntry, FileStatus, FileUploadAPI, FileUploadError, FileUploadState, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, formatFileSize } from '../file-upload/index.js';
|
|
4
|
+
|
|
5
|
+
interface FileUploadProps {
|
|
6
|
+
accept?: string;
|
|
7
|
+
maxSize?: number;
|
|
8
|
+
maxFiles?: number;
|
|
9
|
+
multiple?: boolean;
|
|
10
|
+
onFilesSelected?: (files: FileEntry[]) => void;
|
|
11
|
+
onError?: (errors: FileUploadError[]) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
|
|
16
|
+
className: string | undefined;
|
|
17
|
+
}, HTMLElement>;
|
|
18
|
+
declare namespace FileUpload {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { FileUpload, type FileUploadProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SocialLink, FooterColumn } from '../footer/index.cjs';
|
|
3
|
+
export { FooterColumn, SocialLink, footerVariants } from '../footer/index.cjs';
|
|
4
|
+
|
|
5
|
+
interface FooterProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
/** Custom copyright text */
|
|
7
|
+
copyright?: string;
|
|
8
|
+
/** Social media links */
|
|
9
|
+
socialLinks?: SocialLink[];
|
|
10
|
+
/** Footer link columns */
|
|
11
|
+
columns?: FooterColumn[];
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Footer component — renders a site footer with copyright, social links, and link columns.
|
|
15
|
+
*
|
|
16
|
+
* Uses the headless @refraction-ui/footer core for state and ARIA attributes.
|
|
17
|
+
*/
|
|
18
|
+
declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
|
|
19
|
+
|
|
20
|
+
export { Footer, type FooterProps };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SocialLink, FooterColumn } from '../footer/index.js';
|
|
3
|
+
export { FooterColumn, SocialLink, footerVariants } from '../footer/index.js';
|
|
4
|
+
|
|
5
|
+
interface FooterProps extends React.HTMLAttributes<HTMLElement> {
|
|
6
|
+
/** Custom copyright text */
|
|
7
|
+
copyright?: string;
|
|
8
|
+
/** Social media links */
|
|
9
|
+
socialLinks?: SocialLink[];
|
|
10
|
+
/** Footer link columns */
|
|
11
|
+
columns?: FooterColumn[];
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Footer component — renders a site footer with copyright, social links, and link columns.
|
|
15
|
+
*
|
|
16
|
+
* Uses the headless @refraction-ui/footer core for state and ARIA attributes.
|
|
17
|
+
*/
|
|
18
|
+
declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
|
|
19
|
+
|
|
20
|
+
export { Footer, type FooterProps };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react_hook_form from 'react-hook-form';
|
|
3
|
+
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
4
|
+
export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Form — RHF FormProvider wrapper.
|
|
9
|
+
*
|
|
10
|
+
* Spread the result of `useForm()` into <Form> so descendants can read the
|
|
11
|
+
* form state via context. Renders no DOM of its own; consumers can place a
|
|
12
|
+
* <form onSubmit={form.handleSubmit(...)}> inside.
|
|
13
|
+
*/
|
|
14
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* FormField — connects a named field to RHF's Controller and provides
|
|
17
|
+
* field-name context to the descendants (FormLabel, FormControl, FormMessage).
|
|
18
|
+
*/
|
|
19
|
+
declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* useFormField — read-only access to the current field context.
|
|
22
|
+
*
|
|
23
|
+
* Returns the per-field id collection plus the live RHF error state. Useful
|
|
24
|
+
* when building custom form controls that want the same wiring as FormControl.
|
|
25
|
+
*/
|
|
26
|
+
declare function useFormField(): {
|
|
27
|
+
id: string;
|
|
28
|
+
name: string;
|
|
29
|
+
formItemId: string;
|
|
30
|
+
formDescriptionId: string;
|
|
31
|
+
formMessageId: string;
|
|
32
|
+
error: {
|
|
33
|
+
message?: string;
|
|
34
|
+
type?: string;
|
|
35
|
+
} | undefined;
|
|
36
|
+
invalid: boolean;
|
|
37
|
+
};
|
|
38
|
+
declare const formItemVariants: (props?: ({
|
|
39
|
+
[x: string]: string | undefined;
|
|
40
|
+
} & {
|
|
41
|
+
className?: string;
|
|
42
|
+
}) | undefined) => string;
|
|
43
|
+
interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
44
|
+
}
|
|
45
|
+
declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
declare const formLabelVariants: (props?: ({
|
|
47
|
+
invalid?: "true" | "false" | undefined;
|
|
48
|
+
} & {
|
|
49
|
+
className?: string;
|
|
50
|
+
}) | undefined) => string;
|
|
51
|
+
interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
52
|
+
}
|
|
53
|
+
declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
54
|
+
interface FormControlProps extends React.HTMLAttributes<HTMLElement> {
|
|
55
|
+
children?: React.ReactNode;
|
|
56
|
+
}
|
|
57
|
+
declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
|
|
58
|
+
interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
59
|
+
}
|
|
60
|
+
declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
61
|
+
interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
62
|
+
}
|
|
63
|
+
declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Minimal Slot implementation.
|
|
67
|
+
*
|
|
68
|
+
* Why not @radix-ui/react-slot? Per package policy, no external runtime deps
|
|
69
|
+
* are allowed in @refraction-ui/* packages. This Slot does the small amount
|
|
70
|
+
* of work we actually need:
|
|
71
|
+
* - Forwards a single React child
|
|
72
|
+
* - Merges incoming props onto that child (event handlers are chained,
|
|
73
|
+
* className is concatenated, style is shallow-merged)
|
|
74
|
+
* - Merges refs (callback refs and ref objects)
|
|
75
|
+
*
|
|
76
|
+
* It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
|
|
77
|
+
* recursion. FormControl renders exactly one child input/textarea/etc., which
|
|
78
|
+
* is all we need here.
|
|
79
|
+
*/
|
|
80
|
+
interface SlotProps extends React.HTMLAttributes<HTMLElement> {
|
|
81
|
+
children?: React.ReactNode;
|
|
82
|
+
}
|
|
83
|
+
declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
|
|
84
|
+
|
|
85
|
+
export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as react_hook_form from 'react-hook-form';
|
|
3
|
+
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
4
|
+
export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Form — RHF FormProvider wrapper.
|
|
9
|
+
*
|
|
10
|
+
* Spread the result of `useForm()` into <Form> so descendants can read the
|
|
11
|
+
* form state via context. Renders no DOM of its own; consumers can place a
|
|
12
|
+
* <form onSubmit={form.handleSubmit(...)}> inside.
|
|
13
|
+
*/
|
|
14
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* FormField — connects a named field to RHF's Controller and provides
|
|
17
|
+
* field-name context to the descendants (FormLabel, FormControl, FormMessage).
|
|
18
|
+
*/
|
|
19
|
+
declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
20
|
+
/**
|
|
21
|
+
* useFormField — read-only access to the current field context.
|
|
22
|
+
*
|
|
23
|
+
* Returns the per-field id collection plus the live RHF error state. Useful
|
|
24
|
+
* when building custom form controls that want the same wiring as FormControl.
|
|
25
|
+
*/
|
|
26
|
+
declare function useFormField(): {
|
|
27
|
+
id: string;
|
|
28
|
+
name: string;
|
|
29
|
+
formItemId: string;
|
|
30
|
+
formDescriptionId: string;
|
|
31
|
+
formMessageId: string;
|
|
32
|
+
error: {
|
|
33
|
+
message?: string;
|
|
34
|
+
type?: string;
|
|
35
|
+
} | undefined;
|
|
36
|
+
invalid: boolean;
|
|
37
|
+
};
|
|
38
|
+
declare const formItemVariants: (props?: ({
|
|
39
|
+
[x: string]: string | undefined;
|
|
40
|
+
} & {
|
|
41
|
+
className?: string;
|
|
42
|
+
}) | undefined) => string;
|
|
43
|
+
interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
44
|
+
}
|
|
45
|
+
declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
declare const formLabelVariants: (props?: ({
|
|
47
|
+
invalid?: "true" | "false" | undefined;
|
|
48
|
+
} & {
|
|
49
|
+
className?: string;
|
|
50
|
+
}) | undefined) => string;
|
|
51
|
+
interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
52
|
+
}
|
|
53
|
+
declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
54
|
+
interface FormControlProps extends React.HTMLAttributes<HTMLElement> {
|
|
55
|
+
children?: React.ReactNode;
|
|
56
|
+
}
|
|
57
|
+
declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
|
|
58
|
+
interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
59
|
+
}
|
|
60
|
+
declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
61
|
+
interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
62
|
+
}
|
|
63
|
+
declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Minimal Slot implementation.
|
|
67
|
+
*
|
|
68
|
+
* Why not @radix-ui/react-slot? Per package policy, no external runtime deps
|
|
69
|
+
* are allowed in @refraction-ui/* packages. This Slot does the small amount
|
|
70
|
+
* of work we actually need:
|
|
71
|
+
* - Forwards a single React child
|
|
72
|
+
* - Merges incoming props onto that child (event handlers are chained,
|
|
73
|
+
* className is concatenated, style is shallow-merged)
|
|
74
|
+
* - Merges refs (callback refs and ref objects)
|
|
75
|
+
*
|
|
76
|
+
* It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
|
|
77
|
+
* recursion. FormControl renders exactly one child input/textarea/etc., which
|
|
78
|
+
* is all we need here.
|
|
79
|
+
*/
|
|
80
|
+
interface SlotProps extends React.HTMLAttributes<HTMLElement> {
|
|
81
|
+
children?: React.ReactNode;
|
|
82
|
+
}
|
|
83
|
+
declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
|
|
84
|
+
|
|
85
|
+
export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
|