@cloudvoyant/helix-react 0.13.0 → 0.14.0-rc.202608291122.fb86622
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +669 -383
- package/dist/index.d.cts +90 -6
- package/dist/index.d.ts +90 -6
- package/dist/index.js +706 -372
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
4
|
-
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants } from '@cloudvoyant/helix';
|
|
4
|
+
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PageVariants, PageGutterVariants, PageGutterContentVariants, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants } from '@cloudvoyant/helix';
|
|
5
5
|
export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
|
|
6
6
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
7
|
+
import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
|
|
8
|
+
export { useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
|
|
9
|
+
import { PopoverRootProps, PopoverAnchorProps, PopoverContentProps, PopoverDescriptionProps, PopoverCloseTriggerProps, PopoverIndicatorProps, PopoverRootProviderProps, PopoverTitleProps, PopoverTriggerProps } from '@ark-ui/react/popover';
|
|
10
|
+
export { usePopover, usePopoverContext } from '@ark-ui/react/popover';
|
|
11
|
+
import { DialogRootProps, DialogBackdropProps, DialogContentProps, DialogDescriptionProps, DialogCloseTriggerProps, DialogRootProviderProps, DialogTitleProps, DialogTriggerProps } from '@ark-ui/react/dialog';
|
|
12
|
+
export { useDialog, useDialogContext } from '@ark-ui/react/dialog';
|
|
13
|
+
import { FloatingPanelRootProps, FloatingPanelBodyProps, FloatingPanelControlProps, FloatingPanelCloseTriggerProps, FloatingPanelDragTriggerProps, FloatingPanelHeaderProps, FloatingPanelRootProviderProps, FloatingPanelResizeTriggerProps, FloatingPanelStageTriggerProps, FloatingPanelTitleProps } from '@ark-ui/react/floating-panel';
|
|
14
|
+
export { useFloatingPanel as useWindow, useFloatingPanelContext as useWindowContext } from '@ark-ui/react/floating-panel';
|
|
15
|
+
export { Portal, PortalProps } from '@ark-ui/react/portal';
|
|
7
16
|
import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
|
|
8
17
|
import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
|
|
9
18
|
export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
|
|
10
|
-
import { TooltipContent } from '@ark-ui/react/tooltip';
|
|
11
19
|
import * as _ark_ui_react_tabs from '@ark-ui/react/tabs';
|
|
12
20
|
import { TabsRootProps, TabContentProps, TabListProps, TabTriggerProps } from '@ark-ui/react/tabs';
|
|
13
21
|
import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, PaginationItem as PaginationItem$1 } from '@ark-ui/react/pagination';
|
|
@@ -37,6 +45,66 @@ type ToggleButtonProps = ToggleRootProps & ToggleButtonProps$1;
|
|
|
37
45
|
declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): react.JSX.Element;
|
|
38
46
|
declare function ToggleButtonIndicator(props: ToggleIndicatorProps): react.JSX.Element;
|
|
39
47
|
|
|
48
|
+
declare function Tooltip(props: TooltipRootProps): react.JSX.Element;
|
|
49
|
+
declare function TooltipProvider(props: TooltipRootProviderProps): react.JSX.Element;
|
|
50
|
+
declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): react.JSX.Element;
|
|
51
|
+
type TooltipContentPropsWithArrow = TooltipContentProps & {
|
|
52
|
+
arrow?: boolean;
|
|
53
|
+
};
|
|
54
|
+
declare function TooltipContent({ arrow, className, ...props }: TooltipContentPropsWithArrow): react.JSX.Element;
|
|
55
|
+
|
|
56
|
+
declare function Popover(props: PopoverRootProps): react.JSX.Element;
|
|
57
|
+
declare function PopoverProvider(props: PopoverRootProviderProps): react.JSX.Element;
|
|
58
|
+
declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react.JSX.Element;
|
|
59
|
+
declare function PopoverAnchor({ className, ...props }: PopoverAnchorProps): react.JSX.Element;
|
|
60
|
+
type PopoverContentPropsWithArrow = PopoverContentProps & {
|
|
61
|
+
arrow?: boolean;
|
|
62
|
+
};
|
|
63
|
+
declare function PopoverContent({ arrow, className, ...props }: PopoverContentPropsWithArrow): react.JSX.Element;
|
|
64
|
+
declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react.JSX.Element;
|
|
65
|
+
declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react.JSX.Element;
|
|
66
|
+
declare function PopoverDismiss({ className, ...props }: PopoverCloseTriggerProps): react.JSX.Element;
|
|
67
|
+
declare function PopoverIndicator({ className, ...props }: PopoverIndicatorProps): react.JSX.Element;
|
|
68
|
+
|
|
69
|
+
declare function Dialog(props: DialogRootProps): react.JSX.Element;
|
|
70
|
+
declare function DialogProvider(props: DialogRootProviderProps): react.JSX.Element;
|
|
71
|
+
declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react.JSX.Element;
|
|
72
|
+
declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react.JSX.Element;
|
|
73
|
+
type DialogContentPropsWithPositioner = DialogContentProps & {
|
|
74
|
+
positionerClassName?: string;
|
|
75
|
+
fullscreen?: boolean;
|
|
76
|
+
};
|
|
77
|
+
declare function DialogContent({ positionerClassName, fullscreen, className, ...props }: DialogContentPropsWithPositioner): react.JSX.Element;
|
|
78
|
+
declare function DialogTitle({ className, ...props }: DialogTitleProps): react.JSX.Element;
|
|
79
|
+
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react.JSX.Element;
|
|
80
|
+
type DialogHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
81
|
+
sticky?: boolean;
|
|
82
|
+
};
|
|
83
|
+
declare function DialogHeader({ sticky, className, ...props }: DialogHeaderProps): react.JSX.Element;
|
|
84
|
+
type DialogFooterProps = HTMLAttributes<HTMLDivElement> & {
|
|
85
|
+
sticky?: boolean;
|
|
86
|
+
};
|
|
87
|
+
declare function DialogFooter({ sticky, className, ...props }: DialogFooterProps): react.JSX.Element;
|
|
88
|
+
declare function DialogDismiss({ className, ...props }: DialogCloseTriggerProps): react.JSX.Element;
|
|
89
|
+
|
|
90
|
+
type WindowProps = FloatingPanelRootProps & {
|
|
91
|
+
className?: string;
|
|
92
|
+
positionerClassName?: string;
|
|
93
|
+
};
|
|
94
|
+
declare function Window({ className, positionerClassName, children, ...props }: WindowProps): react.JSX.Element;
|
|
95
|
+
declare function WindowProvider(props: FloatingPanelRootProviderProps): react.JSX.Element;
|
|
96
|
+
declare function WindowDragTrigger({ className, ...props }: FloatingPanelDragTriggerProps): react.JSX.Element;
|
|
97
|
+
declare function WindowHeader({ className, ...props }: FloatingPanelHeaderProps): react.JSX.Element;
|
|
98
|
+
declare function WindowTitle({ className, ...props }: FloatingPanelTitleProps): react.JSX.Element;
|
|
99
|
+
declare function WindowControl({ className, ...props }: FloatingPanelControlProps): react.JSX.Element;
|
|
100
|
+
declare function WindowStageTrigger({ className, ...props }: FloatingPanelStageTriggerProps): react.JSX.Element;
|
|
101
|
+
declare function WindowDismiss({ className, ...props }: FloatingPanelCloseTriggerProps): react.JSX.Element;
|
|
102
|
+
declare function WindowBody({ className, ...props }: FloatingPanelBodyProps): react.JSX.Element;
|
|
103
|
+
type WindowResizeTriggerProps = Omit<FloatingPanelResizeTriggerProps, 'axis'> & {
|
|
104
|
+
axis?: FloatingPanelResizeTriggerProps['axis'];
|
|
105
|
+
};
|
|
106
|
+
declare function WindowResizeTrigger({ axis, className, ...props }: WindowResizeTriggerProps): react.JSX.Element;
|
|
107
|
+
|
|
40
108
|
type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
|
|
41
109
|
declare function Badge({ className, variant, color, size, ...props }: BadgeProps): react.JSX.Element;
|
|
42
110
|
|
|
@@ -85,13 +153,29 @@ declare function VStack({ className, ...props }: VStackProps): react.JSX.Element
|
|
|
85
153
|
|
|
86
154
|
type ScrollProps = ScrollAreaRootProps & {
|
|
87
155
|
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
156
|
+
/** `default` shows the styled scrollbars; `hidden` keeps scrolling without rendering any scrollbar. */
|
|
157
|
+
variant?: 'default' | 'hidden';
|
|
88
158
|
contentClassName?: string;
|
|
89
159
|
thumbClassName?: string;
|
|
90
160
|
/** Overrides the viewport class. The default is `flex h-full w-full flex-col`;
|
|
91
161
|
* for horizontal scrolling wrap content in a flex row or override this. */
|
|
92
162
|
viewportClassName?: string;
|
|
93
163
|
};
|
|
94
|
-
declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
164
|
+
declare function Scroll({ className, orientation, variant, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
165
|
+
|
|
166
|
+
type PageProps = HTMLArkProps<'div'> & {
|
|
167
|
+
variant?: PageVariants['variant'];
|
|
168
|
+
};
|
|
169
|
+
declare function Page({ variant, className, children, ...props }: PageProps): react.JSX.Element;
|
|
170
|
+
type PageGutterProps = HTMLArkProps<'div'> & {
|
|
171
|
+
side?: PageGutterVariants['side'];
|
|
172
|
+
align?: PageGutterContentVariants['align'];
|
|
173
|
+
contentClassName?: string;
|
|
174
|
+
};
|
|
175
|
+
declare function PageGutter({ side, align, contentClassName, className, children, ...props }: PageGutterProps): react.JSX.Element;
|
|
176
|
+
declare function PageContent({ className, children, ...props }: HTMLArkProps<'main'>): react.JSX.Element;
|
|
177
|
+
declare function PageFooter({ className, children, ...props }: HTMLArkProps<'footer'>): react.JSX.Element;
|
|
178
|
+
declare function PageSection({ className, children, ...props }: HTMLArkProps<'section'>): react.JSX.Element;
|
|
95
179
|
|
|
96
180
|
declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
|
|
97
181
|
declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
|
|
@@ -133,7 +217,7 @@ declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): react.JS
|
|
|
133
217
|
type MenuButtonProps$1 = HTMLArkProps<'button'> & {
|
|
134
218
|
asChild?: boolean;
|
|
135
219
|
isActive?: boolean;
|
|
136
|
-
tooltip?: string | react.ComponentProps<typeof TooltipContent>;
|
|
220
|
+
tooltip?: string | react.ComponentProps<typeof TooltipContent$1>;
|
|
137
221
|
} & react.ComponentProps<typeof sidebarMenuButtonVariants>;
|
|
138
222
|
declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): react.JSX.Element;
|
|
139
223
|
|
|
@@ -380,4 +464,4 @@ declare const useTagInput: () => _ark_ui_react_tags_input.UseTagsInputContext;
|
|
|
380
464
|
|
|
381
465
|
declare function useMediaQuery(query: string): boolean;
|
|
382
466
|
|
|
383
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, type CheckboxProps, Col, type ColProps, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, type ComboboxItemProps, ComboboxItemText, ComboboxList, type ComboboxProps, ComboboxTrigger, Container, type ContainerProps, Field, FieldError, FieldHelper, FieldLabel, type FieldProps, FieldRequiredIndicator, FieldSet, FieldSetError, FieldSetHelper, FieldSetLegend, type FieldSetProps, HStack, type HStackProps, Input, type InputProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, NumberInput, NumberInputControl, NumberInputDecrement, NumberInputIncrement, NumberInputInput, type NumberInputProps, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Row, type RowProps, Scroll, type ScrollProps, Select, SelectClearTrigger, SelectContent, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, type SelectItemProps, SelectItemText, SelectNative, type SelectNativeProps, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input$1 as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, Switch, SwitchControl, SwitchLabel, type SwitchProps, SwitchThumb, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, TagInputClearTrigger, TagInputContext, type TagInputContextProps, TagInputControl, TagInputInput, TagInputItem, TagInputItemDeleteTrigger, TagInputItemInput, TagInputItemPreview, TagInputItemText, type TagInputProps, Textarea, type TextareaProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useCheckbox, useCombobox, useField, useMediaQuery, useNavbar, useNumberInput, useSelect, useSidebar, useSwitch, useTabs, useTagInput };
|
|
467
|
+
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, type CheckboxProps, Col, type ColProps, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, type ComboboxItemProps, ComboboxItemText, ComboboxList, type ComboboxProps, ComboboxTrigger, Container, type ContainerProps, Dialog, DialogBackdrop, DialogContent, type DialogContentPropsWithPositioner, DialogDescription, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogProvider, DialogTitle, DialogTrigger, Field, FieldError, FieldHelper, FieldLabel, type FieldProps, FieldRequiredIndicator, FieldSet, FieldSetError, FieldSetHelper, FieldSetLegend, type FieldSetProps, HStack, type HStackProps, Input, type InputProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, NumberInput, NumberInputControl, NumberInputDecrement, NumberInputIncrement, NumberInputInput, type NumberInputProps, Page, PageContent, PageFooter, PageGutter, type PageGutterProps, type PageProps, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, type PopoverContentPropsWithArrow, PopoverDescription, PopoverDismiss, PopoverIndicator, PopoverProvider, PopoverTitle, PopoverTrigger, Row, type RowProps, Scroll, type ScrollProps, Select, SelectClearTrigger, SelectContent, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, type SelectItemProps, SelectItemText, SelectNative, type SelectNativeProps, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input$1 as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, Switch, SwitchControl, SwitchLabel, type SwitchProps, SwitchThumb, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, TagInputClearTrigger, TagInputContext, type TagInputContextProps, TagInputControl, TagInputInput, TagInputItem, TagInputItemDeleteTrigger, TagInputItemInput, TagInputItemPreview, TagInputItemText, type TagInputProps, Textarea, type TextareaProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, Tooltip, TooltipContent, type TooltipContentPropsWithArrow, TooltipProvider, TooltipTrigger, VStack, type VStackProps, Window, WindowBody, WindowControl, WindowDismiss, WindowDragTrigger, WindowHeader, type WindowProps, WindowProvider, WindowResizeTrigger, type WindowResizeTriggerProps, WindowStageTrigger, WindowTitle, useCheckbox, useCombobox, useField, useMediaQuery, useNavbar, useNumberInput, useSelect, useSidebar, useSwitch, useTabs, useTagInput };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
3
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
4
|
-
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants } from '@cloudvoyant/helix';
|
|
4
|
+
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PageVariants, PageGutterVariants, PageGutterContentVariants, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants } from '@cloudvoyant/helix';
|
|
5
5
|
export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
|
|
6
6
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
7
|
+
import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
|
|
8
|
+
export { useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
|
|
9
|
+
import { PopoverRootProps, PopoverAnchorProps, PopoverContentProps, PopoverDescriptionProps, PopoverCloseTriggerProps, PopoverIndicatorProps, PopoverRootProviderProps, PopoverTitleProps, PopoverTriggerProps } from '@ark-ui/react/popover';
|
|
10
|
+
export { usePopover, usePopoverContext } from '@ark-ui/react/popover';
|
|
11
|
+
import { DialogRootProps, DialogBackdropProps, DialogContentProps, DialogDescriptionProps, DialogCloseTriggerProps, DialogRootProviderProps, DialogTitleProps, DialogTriggerProps } from '@ark-ui/react/dialog';
|
|
12
|
+
export { useDialog, useDialogContext } from '@ark-ui/react/dialog';
|
|
13
|
+
import { FloatingPanelRootProps, FloatingPanelBodyProps, FloatingPanelControlProps, FloatingPanelCloseTriggerProps, FloatingPanelDragTriggerProps, FloatingPanelHeaderProps, FloatingPanelRootProviderProps, FloatingPanelResizeTriggerProps, FloatingPanelStageTriggerProps, FloatingPanelTitleProps } from '@ark-ui/react/floating-panel';
|
|
14
|
+
export { useFloatingPanel as useWindow, useFloatingPanelContext as useWindowContext } from '@ark-ui/react/floating-panel';
|
|
15
|
+
export { Portal, PortalProps } from '@ark-ui/react/portal';
|
|
7
16
|
import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
|
|
8
17
|
import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
|
|
9
18
|
export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
|
|
10
|
-
import { TooltipContent } from '@ark-ui/react/tooltip';
|
|
11
19
|
import * as _ark_ui_react_tabs from '@ark-ui/react/tabs';
|
|
12
20
|
import { TabsRootProps, TabContentProps, TabListProps, TabTriggerProps } from '@ark-ui/react/tabs';
|
|
13
21
|
import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, PaginationItem as PaginationItem$1 } from '@ark-ui/react/pagination';
|
|
@@ -37,6 +45,66 @@ type ToggleButtonProps = ToggleRootProps & ToggleButtonProps$1;
|
|
|
37
45
|
declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): react.JSX.Element;
|
|
38
46
|
declare function ToggleButtonIndicator(props: ToggleIndicatorProps): react.JSX.Element;
|
|
39
47
|
|
|
48
|
+
declare function Tooltip(props: TooltipRootProps): react.JSX.Element;
|
|
49
|
+
declare function TooltipProvider(props: TooltipRootProviderProps): react.JSX.Element;
|
|
50
|
+
declare function TooltipTrigger({ className, ...props }: TooltipTriggerProps): react.JSX.Element;
|
|
51
|
+
type TooltipContentPropsWithArrow = TooltipContentProps & {
|
|
52
|
+
arrow?: boolean;
|
|
53
|
+
};
|
|
54
|
+
declare function TooltipContent({ arrow, className, ...props }: TooltipContentPropsWithArrow): react.JSX.Element;
|
|
55
|
+
|
|
56
|
+
declare function Popover(props: PopoverRootProps): react.JSX.Element;
|
|
57
|
+
declare function PopoverProvider(props: PopoverRootProviderProps): react.JSX.Element;
|
|
58
|
+
declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): react.JSX.Element;
|
|
59
|
+
declare function PopoverAnchor({ className, ...props }: PopoverAnchorProps): react.JSX.Element;
|
|
60
|
+
type PopoverContentPropsWithArrow = PopoverContentProps & {
|
|
61
|
+
arrow?: boolean;
|
|
62
|
+
};
|
|
63
|
+
declare function PopoverContent({ arrow, className, ...props }: PopoverContentPropsWithArrow): react.JSX.Element;
|
|
64
|
+
declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react.JSX.Element;
|
|
65
|
+
declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react.JSX.Element;
|
|
66
|
+
declare function PopoverDismiss({ className, ...props }: PopoverCloseTriggerProps): react.JSX.Element;
|
|
67
|
+
declare function PopoverIndicator({ className, ...props }: PopoverIndicatorProps): react.JSX.Element;
|
|
68
|
+
|
|
69
|
+
declare function Dialog(props: DialogRootProps): react.JSX.Element;
|
|
70
|
+
declare function DialogProvider(props: DialogRootProviderProps): react.JSX.Element;
|
|
71
|
+
declare function DialogTrigger({ className, ...props }: DialogTriggerProps): react.JSX.Element;
|
|
72
|
+
declare function DialogBackdrop({ className, ...props }: DialogBackdropProps): react.JSX.Element;
|
|
73
|
+
type DialogContentPropsWithPositioner = DialogContentProps & {
|
|
74
|
+
positionerClassName?: string;
|
|
75
|
+
fullscreen?: boolean;
|
|
76
|
+
};
|
|
77
|
+
declare function DialogContent({ positionerClassName, fullscreen, className, ...props }: DialogContentPropsWithPositioner): react.JSX.Element;
|
|
78
|
+
declare function DialogTitle({ className, ...props }: DialogTitleProps): react.JSX.Element;
|
|
79
|
+
declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react.JSX.Element;
|
|
80
|
+
type DialogHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
81
|
+
sticky?: boolean;
|
|
82
|
+
};
|
|
83
|
+
declare function DialogHeader({ sticky, className, ...props }: DialogHeaderProps): react.JSX.Element;
|
|
84
|
+
type DialogFooterProps = HTMLAttributes<HTMLDivElement> & {
|
|
85
|
+
sticky?: boolean;
|
|
86
|
+
};
|
|
87
|
+
declare function DialogFooter({ sticky, className, ...props }: DialogFooterProps): react.JSX.Element;
|
|
88
|
+
declare function DialogDismiss({ className, ...props }: DialogCloseTriggerProps): react.JSX.Element;
|
|
89
|
+
|
|
90
|
+
type WindowProps = FloatingPanelRootProps & {
|
|
91
|
+
className?: string;
|
|
92
|
+
positionerClassName?: string;
|
|
93
|
+
};
|
|
94
|
+
declare function Window({ className, positionerClassName, children, ...props }: WindowProps): react.JSX.Element;
|
|
95
|
+
declare function WindowProvider(props: FloatingPanelRootProviderProps): react.JSX.Element;
|
|
96
|
+
declare function WindowDragTrigger({ className, ...props }: FloatingPanelDragTriggerProps): react.JSX.Element;
|
|
97
|
+
declare function WindowHeader({ className, ...props }: FloatingPanelHeaderProps): react.JSX.Element;
|
|
98
|
+
declare function WindowTitle({ className, ...props }: FloatingPanelTitleProps): react.JSX.Element;
|
|
99
|
+
declare function WindowControl({ className, ...props }: FloatingPanelControlProps): react.JSX.Element;
|
|
100
|
+
declare function WindowStageTrigger({ className, ...props }: FloatingPanelStageTriggerProps): react.JSX.Element;
|
|
101
|
+
declare function WindowDismiss({ className, ...props }: FloatingPanelCloseTriggerProps): react.JSX.Element;
|
|
102
|
+
declare function WindowBody({ className, ...props }: FloatingPanelBodyProps): react.JSX.Element;
|
|
103
|
+
type WindowResizeTriggerProps = Omit<FloatingPanelResizeTriggerProps, 'axis'> & {
|
|
104
|
+
axis?: FloatingPanelResizeTriggerProps['axis'];
|
|
105
|
+
};
|
|
106
|
+
declare function WindowResizeTrigger({ axis, className, ...props }: WindowResizeTriggerProps): react.JSX.Element;
|
|
107
|
+
|
|
40
108
|
type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
|
|
41
109
|
declare function Badge({ className, variant, color, size, ...props }: BadgeProps): react.JSX.Element;
|
|
42
110
|
|
|
@@ -85,13 +153,29 @@ declare function VStack({ className, ...props }: VStackProps): react.JSX.Element
|
|
|
85
153
|
|
|
86
154
|
type ScrollProps = ScrollAreaRootProps & {
|
|
87
155
|
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
156
|
+
/** `default` shows the styled scrollbars; `hidden` keeps scrolling without rendering any scrollbar. */
|
|
157
|
+
variant?: 'default' | 'hidden';
|
|
88
158
|
contentClassName?: string;
|
|
89
159
|
thumbClassName?: string;
|
|
90
160
|
/** Overrides the viewport class. The default is `flex h-full w-full flex-col`;
|
|
91
161
|
* for horizontal scrolling wrap content in a flex row or override this. */
|
|
92
162
|
viewportClassName?: string;
|
|
93
163
|
};
|
|
94
|
-
declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
164
|
+
declare function Scroll({ className, orientation, variant, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
165
|
+
|
|
166
|
+
type PageProps = HTMLArkProps<'div'> & {
|
|
167
|
+
variant?: PageVariants['variant'];
|
|
168
|
+
};
|
|
169
|
+
declare function Page({ variant, className, children, ...props }: PageProps): react.JSX.Element;
|
|
170
|
+
type PageGutterProps = HTMLArkProps<'div'> & {
|
|
171
|
+
side?: PageGutterVariants['side'];
|
|
172
|
+
align?: PageGutterContentVariants['align'];
|
|
173
|
+
contentClassName?: string;
|
|
174
|
+
};
|
|
175
|
+
declare function PageGutter({ side, align, contentClassName, className, children, ...props }: PageGutterProps): react.JSX.Element;
|
|
176
|
+
declare function PageContent({ className, children, ...props }: HTMLArkProps<'main'>): react.JSX.Element;
|
|
177
|
+
declare function PageFooter({ className, children, ...props }: HTMLArkProps<'footer'>): react.JSX.Element;
|
|
178
|
+
declare function PageSection({ className, children, ...props }: HTMLArkProps<'section'>): react.JSX.Element;
|
|
95
179
|
|
|
96
180
|
declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
|
|
97
181
|
declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
|
|
@@ -133,7 +217,7 @@ declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): react.JS
|
|
|
133
217
|
type MenuButtonProps$1 = HTMLArkProps<'button'> & {
|
|
134
218
|
asChild?: boolean;
|
|
135
219
|
isActive?: boolean;
|
|
136
|
-
tooltip?: string | react.ComponentProps<typeof TooltipContent>;
|
|
220
|
+
tooltip?: string | react.ComponentProps<typeof TooltipContent$1>;
|
|
137
221
|
} & react.ComponentProps<typeof sidebarMenuButtonVariants>;
|
|
138
222
|
declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): react.JSX.Element;
|
|
139
223
|
|
|
@@ -380,4 +464,4 @@ declare const useTagInput: () => _ark_ui_react_tags_input.UseTagsInputContext;
|
|
|
380
464
|
|
|
381
465
|
declare function useMediaQuery(query: string): boolean;
|
|
382
466
|
|
|
383
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, type CheckboxProps, Col, type ColProps, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, type ComboboxItemProps, ComboboxItemText, ComboboxList, type ComboboxProps, ComboboxTrigger, Container, type ContainerProps, Field, FieldError, FieldHelper, FieldLabel, type FieldProps, FieldRequiredIndicator, FieldSet, FieldSetError, FieldSetHelper, FieldSetLegend, type FieldSetProps, HStack, type HStackProps, Input, type InputProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, NumberInput, NumberInputControl, NumberInputDecrement, NumberInputIncrement, NumberInputInput, type NumberInputProps, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Row, type RowProps, Scroll, type ScrollProps, Select, SelectClearTrigger, SelectContent, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, type SelectItemProps, SelectItemText, SelectNative, type SelectNativeProps, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input$1 as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, Switch, SwitchControl, SwitchLabel, type SwitchProps, SwitchThumb, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, TagInputClearTrigger, TagInputContext, type TagInputContextProps, TagInputControl, TagInputInput, TagInputItem, TagInputItemDeleteTrigger, TagInputItemInput, TagInputItemPreview, TagInputItemText, type TagInputProps, Textarea, type TextareaProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useCheckbox, useCombobox, useField, useMediaQuery, useNavbar, useNumberInput, useSelect, useSidebar, useSwitch, useTabs, useTagInput };
|
|
467
|
+
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, type CheckboxProps, Col, type ColProps, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxEmpty, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, type ComboboxItemProps, ComboboxItemText, ComboboxList, type ComboboxProps, ComboboxTrigger, Container, type ContainerProps, Dialog, DialogBackdrop, DialogContent, type DialogContentPropsWithPositioner, DialogDescription, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogProvider, DialogTitle, DialogTrigger, Field, FieldError, FieldHelper, FieldLabel, type FieldProps, FieldRequiredIndicator, FieldSet, FieldSetError, FieldSetHelper, FieldSetLegend, type FieldSetProps, HStack, type HStackProps, Input, type InputProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, NumberInput, NumberInputControl, NumberInputDecrement, NumberInputIncrement, NumberInputInput, type NumberInputProps, Page, PageContent, PageFooter, PageGutter, type PageGutterProps, type PageProps, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, type PopoverContentPropsWithArrow, PopoverDescription, PopoverDismiss, PopoverIndicator, PopoverProvider, PopoverTitle, PopoverTrigger, Row, type RowProps, Scroll, type ScrollProps, Select, SelectClearTrigger, SelectContent, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, type SelectItemProps, SelectItemText, SelectNative, type SelectNativeProps, type SelectProps, SelectTrigger, type SelectTriggerProps, SelectValue, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input$1 as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, Switch, SwitchControl, SwitchLabel, type SwitchProps, SwitchThumb, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, TagInputClearTrigger, TagInputContext, type TagInputContextProps, TagInputControl, TagInputInput, TagInputItem, TagInputItemDeleteTrigger, TagInputItemInput, TagInputItemPreview, TagInputItemText, type TagInputProps, Textarea, type TextareaProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, Tooltip, TooltipContent, type TooltipContentPropsWithArrow, TooltipProvider, TooltipTrigger, VStack, type VStackProps, Window, WindowBody, WindowControl, WindowDismiss, WindowDragTrigger, WindowHeader, type WindowProps, WindowProvider, WindowResizeTrigger, type WindowResizeTriggerProps, WindowStageTrigger, WindowTitle, useCheckbox, useCombobox, useField, useMediaQuery, useNavbar, useNumberInput, useSelect, useSidebar, useSwitch, useTabs, useTagInput };
|