@cloudvoyant/helix-react 0.11.0-rc.202608270956.10f653f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +1425 -0
  2. package/dist/index.d.cts +250 -0
  3. package/dist/index.d.ts +250 -0
  4. package/dist/index.js +1418 -0
  5. package/package.json +46 -0
package/dist/index.d.cts ADDED
@@ -0,0 +1,250 @@
1
+ import * as React from 'react';
2
+ import { HTMLArkProps } from '@ark-ui/react/factory';
3
+ 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 } from '@cloudvoyant/helix';
4
+ export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
5
+ import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
6
+ import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
7
+ import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
8
+ export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
9
+ import { TooltipContent } from '@ark-ui/react/tooltip';
10
+ import * as _ark_ui_react_tabs from '@ark-ui/react/tabs';
11
+ import { TabsRootProps, TabContentProps, TabListProps, TabTriggerProps } from '@ark-ui/react/tabs';
12
+ import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, PaginationItem as PaginationItem$1 } from '@ark-ui/react/pagination';
13
+ export { PaginationRootProps } from '@ark-ui/react/pagination';
14
+ import { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from '@ark-ui/react/navigation-menu';
15
+ export { NavigationMenuContentProps as NavbarMenuContentProps, NavigationMenuIndicatorProps as NavbarMenuIndicatorProps, NavigationMenuItemProps as NavbarMenuItemProps, NavigationMenuLinkProps as NavbarMenuLinkProps, NavigationMenuListProps as NavbarMenuListProps, NavigationMenuRootProps as NavbarMenuRootProps, NavigationMenuTriggerProps as NavbarMenuTriggerProps, NavigationMenuViewportPositioner as NavbarMenuViewportPositioner, NavigationMenuViewportPositionerProps as NavbarMenuViewportPositionerProps, NavigationMenuViewportProps as NavbarMenuViewportProps } from '@ark-ui/react/navigation-menu';
16
+
17
+ type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
18
+ declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): React.JSX.Element;
19
+
20
+ type ToggleButtonProps = ToggleRootProps & ToggleButtonProps$1;
21
+ declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): React.JSX.Element;
22
+ declare function ToggleButtonIndicator(props: ToggleIndicatorProps): React.JSX.Element;
23
+
24
+ type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
25
+ declare function Badge({ className, variant, color, size, ...props }: BadgeProps): React.JSX.Element;
26
+
27
+ type ContainerProps = HTMLArkProps<'div'>;
28
+ declare function Container({ className, ...props }: ContainerProps): React.JSX.Element;
29
+
30
+ type RowProps = HTMLArkProps<'div'>;
31
+ declare function Row({ className, ...props }: RowProps): React.JSX.Element;
32
+
33
+ type ColProps = HTMLArkProps<'div'>;
34
+ declare function Col({ className, ...props }: ColProps): React.JSX.Element;
35
+
36
+ type CenterProps = HTMLArkProps<'div'>;
37
+ declare function Center({ className, ...props }: CenterProps): React.JSX.Element;
38
+
39
+ type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
40
+ declare function Item({ className, variant, ...props }: ItemProps): React.JSX.Element;
41
+
42
+ type CardProps = HTMLArkProps<'div'> & CardProps$1;
43
+ declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): React.JSX.Element;
44
+
45
+ type CardHeaderProps = HTMLArkProps<'div'>;
46
+ declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
47
+
48
+ type CardBodyProps = HTMLArkProps<'div'>;
49
+ declare function CardBody({ className, ...props }: CardBodyProps): React.JSX.Element;
50
+
51
+ type CardFooterProps = HTMLArkProps<'div'>;
52
+ declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
53
+
54
+ type CardTitleProps = HTMLArkProps<'h3'>;
55
+ declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
56
+
57
+ type CardDescriptionProps = HTMLArkProps<'p'>;
58
+ declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
59
+
60
+ type CardCoverProps = HTMLArkProps<'div'> & CardCoverProps$1;
61
+ declare function CardCover({ className, variant, orientation, ...props }: CardCoverProps): React.JSX.Element;
62
+
63
+ type StackProps = HTMLArkProps<'div'>;
64
+ type HStackProps = HTMLArkProps<'div'>;
65
+ type VStackProps = HTMLArkProps<'div'>;
66
+ declare function Stack({ className, ...props }: StackProps): React.JSX.Element;
67
+ declare function HStack({ className, ...props }: HStackProps): React.JSX.Element;
68
+ declare function VStack({ className, ...props }: VStackProps): React.JSX.Element;
69
+
70
+ type ScrollProps = ScrollAreaRootProps & {
71
+ orientation?: 'vertical' | 'horizontal' | 'both';
72
+ contentClassName?: string;
73
+ thumbClassName?: string;
74
+ /** Overrides the viewport class. The default is `flex h-full w-full flex-col`;
75
+ * for horizontal scrolling wrap content in a flex row or override this. */
76
+ viewportClassName?: string;
77
+ };
78
+ declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): React.JSX.Element;
79
+
80
+ declare function Splitter({ className, ...props }: SplitterRootProps): React.JSX.Element;
81
+ declare function SplitterPanel({ className, ...props }: SplitterPanelProps): React.JSX.Element;
82
+ declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): React.JSX.Element;
83
+ declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): React.JSX.Element;
84
+
85
+ declare function Provider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
86
+ defaultOpen?: boolean;
87
+ open?: boolean;
88
+ onOpenChange?: (open: boolean) => void;
89
+ }): React.JSX.Element;
90
+
91
+ declare function Root({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
92
+ side?: 'left' | 'right';
93
+ variant?: 'sidebar' | 'floating' | 'inset';
94
+ collapsible?: 'offcanvas' | 'icon' | 'none';
95
+ }): React.JSX.Element;
96
+
97
+ declare function Header({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
98
+
99
+ declare function Footer({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
100
+
101
+ declare function Separator({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
102
+
103
+ declare function Content({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
104
+
105
+ declare function Group({ label, className, children, ...props }: HTMLArkProps<'div'> & {
106
+ label?: string;
107
+ }): React.JSX.Element;
108
+
109
+ declare function GroupAction({ className, asChild, ...props }: HTMLArkProps<'button'> & {
110
+ asChild?: boolean;
111
+ }): React.JSX.Element;
112
+
113
+ declare function Menu({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
114
+
115
+ declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
116
+
117
+ type MenuButtonProps$1 = HTMLArkProps<'button'> & {
118
+ asChild?: boolean;
119
+ isActive?: boolean;
120
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
121
+ } & React.ComponentProps<typeof sidebarMenuButtonVariants>;
122
+ declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): React.JSX.Element;
123
+
124
+ interface MenuLinkProps {
125
+ /** Icon shown before the label. */
126
+ icon?: React.ReactNode;
127
+ /** Optional href; renders an <a> instead of a <button> when set. */
128
+ href?: string;
129
+ /** Marks the item active. */
130
+ isActive?: boolean;
131
+ /** Menu button style. */
132
+ variant?: 'default' | 'outline';
133
+ /** Menu button size. */
134
+ size?: 'default' | 'sm' | 'lg';
135
+ /** Label shown as a tooltip when the sidebar is collapsed to an icon rail. */
136
+ tooltip?: MenuButtonProps['tooltip'];
137
+ /** Click handler; receives the anchor or button event. */
138
+ onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
139
+ /** Extra classes merged via `cn`. */
140
+ className?: string;
141
+ /** The item label. */
142
+ children?: React.ReactNode;
143
+ }
144
+ type MenuButtonProps = React.ComponentProps<typeof MenuButton>;
145
+ declare function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }: MenuLinkProps): React.JSX.Element;
146
+
147
+ declare function MenuAction({ className, asChild, showOnHover, ...props }: HTMLArkProps<'button'> & {
148
+ asChild?: boolean;
149
+ showOnHover?: boolean;
150
+ }): React.JSX.Element;
151
+
152
+ declare function MenuBadge({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
153
+
154
+ declare function MenuSkeleton({ className, showIcon, ...props }: HTMLArkProps<'div'> & {
155
+ showIcon?: boolean;
156
+ }): React.JSX.Element;
157
+
158
+ declare function MenuSub({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
159
+
160
+ declare function MenuSubItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
161
+
162
+ declare function MenuSubButton({ asChild, size, isActive, className, ...props }: HTMLArkProps<'a'> & {
163
+ asChild?: boolean;
164
+ size?: 'sm' | 'md';
165
+ isActive?: boolean;
166
+ }): React.JSX.Element;
167
+
168
+ declare function Trigger({ className, onClick, children, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
169
+
170
+ declare function Rail({ className, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
171
+
172
+ declare function Inset({ className, ...props }: HTMLArkProps<'main'>): React.JSX.Element;
173
+
174
+ declare function Input({ className, ...props }: HTMLArkProps<'input'>): React.JSX.Element;
175
+
176
+ declare function useSidebar(): SidebarContextProps;
177
+
178
+ type TabsProps = TabsRootProps;
179
+ declare function Tabs({ className, lazyMount, unmountOnExit, ...props }: TabsProps): React.JSX.Element;
180
+ type TabsListProps = TabListProps & TabsListVariants;
181
+ declare function TabsList({ variant, className, children, ...props }: TabsListProps): React.JSX.Element;
182
+ type TabsTriggerProps = TabTriggerProps;
183
+ declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
184
+ type TabsContentProps = TabContentProps;
185
+ declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
186
+ declare const useTabs: () => _ark_ui_react_tabs.UseTabsContext;
187
+
188
+ declare function Pagination({ className, ...props }: PaginationRootProps): React.JSX.Element;
189
+ declare function PaginationPrevious(props: HTMLArkProps<'button'>): React.JSX.Element;
190
+ declare function PaginationNext(props: HTMLArkProps<'button'>): React.JSX.Element;
191
+ type PaginationItemProps = React.ComponentProps<typeof PaginationItem$1> & {
192
+ className?: string;
193
+ };
194
+ declare function PaginationItem({ className, children, ...rest }: PaginationItemProps): React.JSX.Element;
195
+ declare function PaginationItems(): React.JSX.Element;
196
+ declare function PaginationEllipsis({ className, ...rest }: React.ComponentProps<typeof PaginationEllipsis$1>): React.JSX.Element;
197
+
198
+ interface NavbarContextValue {
199
+ id: string;
200
+ open: boolean;
201
+ setOpen: (open: boolean) => void;
202
+ scrolled: boolean;
203
+ setScrolled: (scrolled: boolean) => void;
204
+ hovered: boolean;
205
+ setHovered: (hovered: boolean) => void;
206
+ slots: {
207
+ brand: React.ReactNode;
208
+ actions: React.ReactNode;
209
+ };
210
+ setSlot: (key: 'brand' | 'actions', node: React.ReactNode) => void;
211
+ variant: NavbarVariant;
212
+ floating: boolean;
213
+ density: NavbarDensity;
214
+ /** The element the mobile overlay portals into (the header's parent). */
215
+ portalRef: React.RefObject<HTMLElement | null>;
216
+ }
217
+ declare function useNavbar(): NavbarContextValue;
218
+ declare function NavbarProvider({ defaultOpen, children, }: {
219
+ defaultOpen?: boolean;
220
+ children: React.ReactNode;
221
+ }): React.JSX.Element;
222
+ declare function Navbar({ variant, floating, density, className, children, ...props }: React.ComponentProps<'header'> & {
223
+ variant?: NavbarVariant;
224
+ floating?: boolean;
225
+ density?: NavbarDensity;
226
+ }): React.JSX.Element;
227
+ declare function NavbarActivationArea({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
228
+ declare function NavbarBrand({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
229
+ declare function NavbarMenu({ placement, className, children, ...props }: NavigationMenuRootProps & {
230
+ placement?: 'left' | 'center' | 'right';
231
+ }): React.JSX.Element;
232
+ declare function NavbarMenuList({ className, children, ...props }: NavigationMenuListProps): React.JSX.Element;
233
+ declare function NavbarMenuItem({ variant, className, ...props }: NavigationMenuItemProps & {
234
+ variant?: NavbarMenuVariant;
235
+ }): React.JSX.Element;
236
+ declare function NavbarMenuTrigger({ asChild, className, children, ...props }: NavigationMenuTriggerProps): React.JSX.Element;
237
+ declare function NavbarMenuContent({ className, children, ...props }: NavigationMenuContentProps): React.JSX.Element;
238
+ declare function NavbarMenuLink({ className, children, ...props }: NavigationMenuLinkProps): React.JSX.Element;
239
+ declare function NavbarMobileMenu({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
240
+ declare function NavbarMobileMenuTrigger({ className, children, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
241
+ declare function NavbarMobileMenuContent({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
242
+ declare function NavbarMenuViewport({ className, ...props }: NavigationMenuViewportProps): React.JSX.Element;
243
+ declare function NavbarMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): React.JSX.Element;
244
+ declare function NavbarActions({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
245
+ declare function NavbarTrigger({ className, children, 'aria-label': ariaLabel, ...props }: React.ComponentProps<'button'> & {
246
+ 'aria-label'?: string;
247
+ }): React.JSX.Element;
248
+ declare function NavbarMobileOverlay({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
249
+
250
+ 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, Col, type ColProps, Container, type ContainerProps, HStack, type HStackProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Row, type RowProps, Scroll, type ScrollProps, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input 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, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useNavbar, useSidebar, useTabs };
package/dist/index.d.ts ADDED
@@ -0,0 +1,250 @@
1
+ import * as React from 'react';
2
+ import { HTMLArkProps } from '@ark-ui/react/factory';
3
+ 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 } from '@cloudvoyant/helix';
4
+ export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
5
+ import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
6
+ import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
7
+ import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
8
+ export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
9
+ import { TooltipContent } from '@ark-ui/react/tooltip';
10
+ import * as _ark_ui_react_tabs from '@ark-ui/react/tabs';
11
+ import { TabsRootProps, TabContentProps, TabListProps, TabTriggerProps } from '@ark-ui/react/tabs';
12
+ import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, PaginationItem as PaginationItem$1 } from '@ark-ui/react/pagination';
13
+ export { PaginationRootProps } from '@ark-ui/react/pagination';
14
+ import { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from '@ark-ui/react/navigation-menu';
15
+ export { NavigationMenuContentProps as NavbarMenuContentProps, NavigationMenuIndicatorProps as NavbarMenuIndicatorProps, NavigationMenuItemProps as NavbarMenuItemProps, NavigationMenuLinkProps as NavbarMenuLinkProps, NavigationMenuListProps as NavbarMenuListProps, NavigationMenuRootProps as NavbarMenuRootProps, NavigationMenuTriggerProps as NavbarMenuTriggerProps, NavigationMenuViewportPositioner as NavbarMenuViewportPositioner, NavigationMenuViewportPositionerProps as NavbarMenuViewportPositionerProps, NavigationMenuViewportProps as NavbarMenuViewportProps } from '@ark-ui/react/navigation-menu';
16
+
17
+ type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
18
+ declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): React.JSX.Element;
19
+
20
+ type ToggleButtonProps = ToggleRootProps & ToggleButtonProps$1;
21
+ declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): React.JSX.Element;
22
+ declare function ToggleButtonIndicator(props: ToggleIndicatorProps): React.JSX.Element;
23
+
24
+ type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
25
+ declare function Badge({ className, variant, color, size, ...props }: BadgeProps): React.JSX.Element;
26
+
27
+ type ContainerProps = HTMLArkProps<'div'>;
28
+ declare function Container({ className, ...props }: ContainerProps): React.JSX.Element;
29
+
30
+ type RowProps = HTMLArkProps<'div'>;
31
+ declare function Row({ className, ...props }: RowProps): React.JSX.Element;
32
+
33
+ type ColProps = HTMLArkProps<'div'>;
34
+ declare function Col({ className, ...props }: ColProps): React.JSX.Element;
35
+
36
+ type CenterProps = HTMLArkProps<'div'>;
37
+ declare function Center({ className, ...props }: CenterProps): React.JSX.Element;
38
+
39
+ type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
40
+ declare function Item({ className, variant, ...props }: ItemProps): React.JSX.Element;
41
+
42
+ type CardProps = HTMLArkProps<'div'> & CardProps$1;
43
+ declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): React.JSX.Element;
44
+
45
+ type CardHeaderProps = HTMLArkProps<'div'>;
46
+ declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
47
+
48
+ type CardBodyProps = HTMLArkProps<'div'>;
49
+ declare function CardBody({ className, ...props }: CardBodyProps): React.JSX.Element;
50
+
51
+ type CardFooterProps = HTMLArkProps<'div'>;
52
+ declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
53
+
54
+ type CardTitleProps = HTMLArkProps<'h3'>;
55
+ declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
56
+
57
+ type CardDescriptionProps = HTMLArkProps<'p'>;
58
+ declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
59
+
60
+ type CardCoverProps = HTMLArkProps<'div'> & CardCoverProps$1;
61
+ declare function CardCover({ className, variant, orientation, ...props }: CardCoverProps): React.JSX.Element;
62
+
63
+ type StackProps = HTMLArkProps<'div'>;
64
+ type HStackProps = HTMLArkProps<'div'>;
65
+ type VStackProps = HTMLArkProps<'div'>;
66
+ declare function Stack({ className, ...props }: StackProps): React.JSX.Element;
67
+ declare function HStack({ className, ...props }: HStackProps): React.JSX.Element;
68
+ declare function VStack({ className, ...props }: VStackProps): React.JSX.Element;
69
+
70
+ type ScrollProps = ScrollAreaRootProps & {
71
+ orientation?: 'vertical' | 'horizontal' | 'both';
72
+ contentClassName?: string;
73
+ thumbClassName?: string;
74
+ /** Overrides the viewport class. The default is `flex h-full w-full flex-col`;
75
+ * for horizontal scrolling wrap content in a flex row or override this. */
76
+ viewportClassName?: string;
77
+ };
78
+ declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): React.JSX.Element;
79
+
80
+ declare function Splitter({ className, ...props }: SplitterRootProps): React.JSX.Element;
81
+ declare function SplitterPanel({ className, ...props }: SplitterPanelProps): React.JSX.Element;
82
+ declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): React.JSX.Element;
83
+ declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): React.JSX.Element;
84
+
85
+ declare function Provider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
86
+ defaultOpen?: boolean;
87
+ open?: boolean;
88
+ onOpenChange?: (open: boolean) => void;
89
+ }): React.JSX.Element;
90
+
91
+ declare function Root({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
92
+ side?: 'left' | 'right';
93
+ variant?: 'sidebar' | 'floating' | 'inset';
94
+ collapsible?: 'offcanvas' | 'icon' | 'none';
95
+ }): React.JSX.Element;
96
+
97
+ declare function Header({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
98
+
99
+ declare function Footer({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
100
+
101
+ declare function Separator({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
102
+
103
+ declare function Content({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
104
+
105
+ declare function Group({ label, className, children, ...props }: HTMLArkProps<'div'> & {
106
+ label?: string;
107
+ }): React.JSX.Element;
108
+
109
+ declare function GroupAction({ className, asChild, ...props }: HTMLArkProps<'button'> & {
110
+ asChild?: boolean;
111
+ }): React.JSX.Element;
112
+
113
+ declare function Menu({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
114
+
115
+ declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
116
+
117
+ type MenuButtonProps$1 = HTMLArkProps<'button'> & {
118
+ asChild?: boolean;
119
+ isActive?: boolean;
120
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
121
+ } & React.ComponentProps<typeof sidebarMenuButtonVariants>;
122
+ declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): React.JSX.Element;
123
+
124
+ interface MenuLinkProps {
125
+ /** Icon shown before the label. */
126
+ icon?: React.ReactNode;
127
+ /** Optional href; renders an <a> instead of a <button> when set. */
128
+ href?: string;
129
+ /** Marks the item active. */
130
+ isActive?: boolean;
131
+ /** Menu button style. */
132
+ variant?: 'default' | 'outline';
133
+ /** Menu button size. */
134
+ size?: 'default' | 'sm' | 'lg';
135
+ /** Label shown as a tooltip when the sidebar is collapsed to an icon rail. */
136
+ tooltip?: MenuButtonProps['tooltip'];
137
+ /** Click handler; receives the anchor or button event. */
138
+ onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
139
+ /** Extra classes merged via `cn`. */
140
+ className?: string;
141
+ /** The item label. */
142
+ children?: React.ReactNode;
143
+ }
144
+ type MenuButtonProps = React.ComponentProps<typeof MenuButton>;
145
+ declare function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }: MenuLinkProps): React.JSX.Element;
146
+
147
+ declare function MenuAction({ className, asChild, showOnHover, ...props }: HTMLArkProps<'button'> & {
148
+ asChild?: boolean;
149
+ showOnHover?: boolean;
150
+ }): React.JSX.Element;
151
+
152
+ declare function MenuBadge({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
153
+
154
+ declare function MenuSkeleton({ className, showIcon, ...props }: HTMLArkProps<'div'> & {
155
+ showIcon?: boolean;
156
+ }): React.JSX.Element;
157
+
158
+ declare function MenuSub({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
159
+
160
+ declare function MenuSubItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
161
+
162
+ declare function MenuSubButton({ asChild, size, isActive, className, ...props }: HTMLArkProps<'a'> & {
163
+ asChild?: boolean;
164
+ size?: 'sm' | 'md';
165
+ isActive?: boolean;
166
+ }): React.JSX.Element;
167
+
168
+ declare function Trigger({ className, onClick, children, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
169
+
170
+ declare function Rail({ className, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
171
+
172
+ declare function Inset({ className, ...props }: HTMLArkProps<'main'>): React.JSX.Element;
173
+
174
+ declare function Input({ className, ...props }: HTMLArkProps<'input'>): React.JSX.Element;
175
+
176
+ declare function useSidebar(): SidebarContextProps;
177
+
178
+ type TabsProps = TabsRootProps;
179
+ declare function Tabs({ className, lazyMount, unmountOnExit, ...props }: TabsProps): React.JSX.Element;
180
+ type TabsListProps = TabListProps & TabsListVariants;
181
+ declare function TabsList({ variant, className, children, ...props }: TabsListProps): React.JSX.Element;
182
+ type TabsTriggerProps = TabTriggerProps;
183
+ declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
184
+ type TabsContentProps = TabContentProps;
185
+ declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
186
+ declare const useTabs: () => _ark_ui_react_tabs.UseTabsContext;
187
+
188
+ declare function Pagination({ className, ...props }: PaginationRootProps): React.JSX.Element;
189
+ declare function PaginationPrevious(props: HTMLArkProps<'button'>): React.JSX.Element;
190
+ declare function PaginationNext(props: HTMLArkProps<'button'>): React.JSX.Element;
191
+ type PaginationItemProps = React.ComponentProps<typeof PaginationItem$1> & {
192
+ className?: string;
193
+ };
194
+ declare function PaginationItem({ className, children, ...rest }: PaginationItemProps): React.JSX.Element;
195
+ declare function PaginationItems(): React.JSX.Element;
196
+ declare function PaginationEllipsis({ className, ...rest }: React.ComponentProps<typeof PaginationEllipsis$1>): React.JSX.Element;
197
+
198
+ interface NavbarContextValue {
199
+ id: string;
200
+ open: boolean;
201
+ setOpen: (open: boolean) => void;
202
+ scrolled: boolean;
203
+ setScrolled: (scrolled: boolean) => void;
204
+ hovered: boolean;
205
+ setHovered: (hovered: boolean) => void;
206
+ slots: {
207
+ brand: React.ReactNode;
208
+ actions: React.ReactNode;
209
+ };
210
+ setSlot: (key: 'brand' | 'actions', node: React.ReactNode) => void;
211
+ variant: NavbarVariant;
212
+ floating: boolean;
213
+ density: NavbarDensity;
214
+ /** The element the mobile overlay portals into (the header's parent). */
215
+ portalRef: React.RefObject<HTMLElement | null>;
216
+ }
217
+ declare function useNavbar(): NavbarContextValue;
218
+ declare function NavbarProvider({ defaultOpen, children, }: {
219
+ defaultOpen?: boolean;
220
+ children: React.ReactNode;
221
+ }): React.JSX.Element;
222
+ declare function Navbar({ variant, floating, density, className, children, ...props }: React.ComponentProps<'header'> & {
223
+ variant?: NavbarVariant;
224
+ floating?: boolean;
225
+ density?: NavbarDensity;
226
+ }): React.JSX.Element;
227
+ declare function NavbarActivationArea({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
228
+ declare function NavbarBrand({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
229
+ declare function NavbarMenu({ placement, className, children, ...props }: NavigationMenuRootProps & {
230
+ placement?: 'left' | 'center' | 'right';
231
+ }): React.JSX.Element;
232
+ declare function NavbarMenuList({ className, children, ...props }: NavigationMenuListProps): React.JSX.Element;
233
+ declare function NavbarMenuItem({ variant, className, ...props }: NavigationMenuItemProps & {
234
+ variant?: NavbarMenuVariant;
235
+ }): React.JSX.Element;
236
+ declare function NavbarMenuTrigger({ asChild, className, children, ...props }: NavigationMenuTriggerProps): React.JSX.Element;
237
+ declare function NavbarMenuContent({ className, children, ...props }: NavigationMenuContentProps): React.JSX.Element;
238
+ declare function NavbarMenuLink({ className, children, ...props }: NavigationMenuLinkProps): React.JSX.Element;
239
+ declare function NavbarMobileMenu({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
240
+ declare function NavbarMobileMenuTrigger({ className, children, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
241
+ declare function NavbarMobileMenuContent({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
242
+ declare function NavbarMenuViewport({ className, ...props }: NavigationMenuViewportProps): React.JSX.Element;
243
+ declare function NavbarMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): React.JSX.Element;
244
+ declare function NavbarActions({ className, children, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
245
+ declare function NavbarTrigger({ className, children, 'aria-label': ariaLabel, ...props }: React.ComponentProps<'button'> & {
246
+ 'aria-label'?: string;
247
+ }): React.JSX.Element;
248
+ declare function NavbarMobileOverlay({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
249
+
250
+ 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, Col, type ColProps, Container, type ContainerProps, HStack, type HStackProps, Item, type ItemProps, Navbar, NavbarActions, NavbarActivationArea, NavbarBrand, NavbarMenu, NavbarMenuContent, NavbarMenuIndicator, NavbarMenuItem, NavbarMenuLink, NavbarMenuList, NavbarMenuTrigger, NavbarMenuViewport, NavbarMobileMenu, NavbarMobileMenuContent, NavbarMobileMenuTrigger, NavbarMobileOverlay, NavbarProvider, NavbarTrigger, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNext, PaginationPrevious, Row, type RowProps, Scroll, type ScrollProps, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input 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, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useNavbar, useSidebar, useTabs };