@cloudvoyant/helix-react 0.12.0 → 0.13.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.
Files changed (5) hide show
  1. package/dist/index.cjs +489 -2
  2. package/dist/index.d.cts +226 -93
  3. package/dist/index.d.ts +226 -93
  4. package/dist/index.js +557 -1
  5. package/package.json +2 -2
package/dist/index.d.cts CHANGED
@@ -1,6 +1,7 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
+ import { ReactNode } from 'react';
2
3
  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
+ 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
5
  export { NavbarMenuDensity, NavbarMenuVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helix';
5
6
  import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
6
7
  import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
@@ -13,59 +14,74 @@ import { PaginationRootProps, PaginationEllipsis as PaginationEllipsis$1, Pagina
13
14
  export { PaginationRootProps } from '@ark-ui/react/pagination';
14
15
  import { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from '@ark-ui/react/navigation-menu';
15
16
  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';
17
+ import * as _ark_ui_react_field from '@ark-ui/react/field';
18
+ import { FieldRootProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRequiredIndicatorProps, FieldInputProps, FieldTextareaProps } from '@ark-ui/react/field';
19
+ import { FieldsetRootProps, FieldsetErrorTextProps, FieldsetHelperTextProps, FieldsetLegendProps } from '@ark-ui/react/fieldset';
20
+ import * as _ark_ui_react_number_input from '@ark-ui/react/number-input';
21
+ import { NumberInputRootProps, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps } from '@ark-ui/react/number-input';
22
+ import * as _ark_ui_react_checkbox from '@ark-ui/react/checkbox';
23
+ import { CheckboxRootProps, CheckboxControlProps, CheckboxGroupProps, CheckboxIndicatorProps, CheckboxLabelProps } from '@ark-ui/react/checkbox';
24
+ import * as _ark_ui_react_switch from '@ark-ui/react/switch';
25
+ import { SwitchRootProps, SwitchControlProps, SwitchLabelProps, SwitchThumbProps } from '@ark-ui/react/switch';
26
+ import * as _ark_ui_react_select from '@ark-ui/react/select';
27
+ import { SelectRootProps, ListCollection, SelectClearTriggerProps, SelectContentProps, SelectIndicatorProps, SelectItemProps as SelectItemProps$1, SelectItemGroupProps, SelectItemGroupLabelProps, SelectItemIndicatorProps, SelectItemTextProps, SelectTriggerProps as SelectTriggerProps$1, SelectValueTextProps } from '@ark-ui/react/select';
28
+ import * as _ark_ui_react_combobox from '@ark-ui/react/combobox';
29
+ import { ComboboxRootProps, ListCollection as ListCollection$1, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxEmptyProps, ComboboxInputProps as ComboboxInputProps$1, ComboboxItemProps as ComboboxItemProps$1, ComboboxItemGroupProps, ComboboxItemGroupLabelProps, ComboboxItemIndicatorProps, ComboboxItemTextProps, ComboboxListProps, ComboboxTriggerProps } from '@ark-ui/react/combobox';
30
+ import * as _ark_ui_react_tags_input from '@ark-ui/react/tags-input';
31
+ import { TagsInputRootProps, TagsInputClearTriggerProps, TagsInputContextProps, TagsInputControlProps, TagsInputInputProps, TagsInputItemProps, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemTextProps } from '@ark-ui/react/tags-input';
16
32
 
17
33
  type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
18
- declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): React.JSX.Element;
34
+ declare function Button({ className, variant, color, size, type, ...props }: ButtonProps): react.JSX.Element;
19
35
 
20
36
  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;
37
+ declare function ToggleButton({ className, variant, size, ...props }: ToggleButtonProps): react.JSX.Element;
38
+ declare function ToggleButtonIndicator(props: ToggleIndicatorProps): react.JSX.Element;
23
39
 
24
40
  type BadgeProps = HTMLArkProps<'span'> & BadgeProps$1;
25
- declare function Badge({ className, variant, color, size, ...props }: BadgeProps): React.JSX.Element;
41
+ declare function Badge({ className, variant, color, size, ...props }: BadgeProps): react.JSX.Element;
26
42
 
27
43
  type ContainerProps = HTMLArkProps<'div'>;
28
- declare function Container({ className, ...props }: ContainerProps): React.JSX.Element;
44
+ declare function Container({ className, ...props }: ContainerProps): react.JSX.Element;
29
45
 
30
46
  type RowProps = HTMLArkProps<'div'>;
31
- declare function Row({ className, ...props }: RowProps): React.JSX.Element;
47
+ declare function Row({ className, ...props }: RowProps): react.JSX.Element;
32
48
 
33
49
  type ColProps = HTMLArkProps<'div'>;
34
- declare function Col({ className, ...props }: ColProps): React.JSX.Element;
50
+ declare function Col({ className, ...props }: ColProps): react.JSX.Element;
35
51
 
36
52
  type CenterProps = HTMLArkProps<'div'>;
37
- declare function Center({ className, ...props }: CenterProps): React.JSX.Element;
53
+ declare function Center({ className, ...props }: CenterProps): react.JSX.Element;
38
54
 
39
55
  type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
40
- declare function Item({ className, variant, ...props }: ItemProps): React.JSX.Element;
56
+ declare function Item({ className, variant, ...props }: ItemProps): react.JSX.Element;
41
57
 
42
58
  type CardProps = HTMLArkProps<'div'> & CardProps$1;
43
- declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): React.JSX.Element;
59
+ declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): react.JSX.Element;
44
60
 
45
61
  type CardHeaderProps = HTMLArkProps<'div'>;
46
- declare function CardHeader({ className, ...props }: CardHeaderProps): React.JSX.Element;
62
+ declare function CardHeader({ className, ...props }: CardHeaderProps): react.JSX.Element;
47
63
 
48
64
  type CardBodyProps = HTMLArkProps<'div'>;
49
- declare function CardBody({ className, ...props }: CardBodyProps): React.JSX.Element;
65
+ declare function CardBody({ className, ...props }: CardBodyProps): react.JSX.Element;
50
66
 
51
67
  type CardFooterProps = HTMLArkProps<'div'>;
52
- declare function CardFooter({ className, ...props }: CardFooterProps): React.JSX.Element;
68
+ declare function CardFooter({ className, ...props }: CardFooterProps): react.JSX.Element;
53
69
 
54
70
  type CardTitleProps = HTMLArkProps<'h3'>;
55
- declare function CardTitle({ className, ...props }: CardTitleProps): React.JSX.Element;
71
+ declare function CardTitle({ className, ...props }: CardTitleProps): react.JSX.Element;
56
72
 
57
73
  type CardDescriptionProps = HTMLArkProps<'p'>;
58
- declare function CardDescription({ className, ...props }: CardDescriptionProps): React.JSX.Element;
74
+ declare function CardDescription({ className, ...props }: CardDescriptionProps): react.JSX.Element;
59
75
 
60
76
  type CardCoverProps = HTMLArkProps<'div'> & CardCoverProps$1;
61
- declare function CardCover({ className, variant, orientation, ...props }: CardCoverProps): React.JSX.Element;
77
+ declare function CardCover({ className, variant, orientation, ...props }: CardCoverProps): react.JSX.Element;
62
78
 
63
79
  type StackProps = HTMLArkProps<'div'>;
64
80
  type HStackProps = HTMLArkProps<'div'>;
65
81
  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;
82
+ declare function Stack({ className, ...props }: StackProps): react.JSX.Element;
83
+ declare function HStack({ className, ...props }: HStackProps): react.JSX.Element;
84
+ declare function VStack({ className, ...props }: VStackProps): react.JSX.Element;
69
85
 
70
86
  type ScrollProps = ScrollAreaRootProps & {
71
87
  orientation?: 'vertical' | 'horizontal' | 'both';
@@ -75,55 +91,55 @@ type ScrollProps = ScrollAreaRootProps & {
75
91
  * for horizontal scrolling wrap content in a flex row or override this. */
76
92
  viewportClassName?: string;
77
93
  };
78
- declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): React.JSX.Element;
94
+ declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
79
95
 
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;
96
+ declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
97
+ declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
98
+ declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): react.JSX.Element;
99
+ declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): react.JSX.Element;
84
100
 
85
- declare function Provider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
101
+ declare function Provider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: react.ComponentProps<'div'> & {
86
102
  defaultOpen?: boolean;
87
103
  open?: boolean;
88
104
  onOpenChange?: (open: boolean) => void;
89
- }): React.JSX.Element;
105
+ }): react.JSX.Element;
90
106
 
91
- declare function Root({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
107
+ declare function Root({ side, variant, collapsible, className, children, ...props }: react.ComponentProps<'div'> & {
92
108
  side?: 'left' | 'right';
93
109
  variant?: 'sidebar' | 'floating' | 'inset';
94
110
  collapsible?: 'offcanvas' | 'icon' | 'none';
95
- }): React.JSX.Element;
111
+ }): react.JSX.Element;
96
112
 
97
- declare function Header({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
113
+ declare function Header({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
98
114
 
99
- declare function Footer({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
115
+ declare function Footer({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
100
116
 
101
- declare function Separator({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
117
+ declare function Separator({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
102
118
 
103
- declare function Content({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
119
+ declare function Content({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
104
120
 
105
121
  declare function Group({ label, className, children, ...props }: HTMLArkProps<'div'> & {
106
122
  label?: string;
107
- }): React.JSX.Element;
123
+ }): react.JSX.Element;
108
124
 
109
125
  declare function GroupAction({ className, asChild, ...props }: HTMLArkProps<'button'> & {
110
126
  asChild?: boolean;
111
- }): React.JSX.Element;
127
+ }): react.JSX.Element;
112
128
 
113
- declare function Menu({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
129
+ declare function Menu({ className, ...props }: HTMLArkProps<'ul'>): react.JSX.Element;
114
130
 
115
- declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
131
+ declare function MenuItem({ className, ...props }: HTMLArkProps<'li'>): react.JSX.Element;
116
132
 
117
133
  type MenuButtonProps$1 = HTMLArkProps<'button'> & {
118
134
  asChild?: boolean;
119
135
  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;
136
+ tooltip?: string | react.ComponentProps<typeof TooltipContent>;
137
+ } & react.ComponentProps<typeof sidebarMenuButtonVariants>;
138
+ declare function MenuButton({ asChild, isActive, variant, size, tooltip, className, children, ...props }: MenuButtonProps$1): react.JSX.Element;
123
139
 
124
140
  interface MenuLinkProps {
125
141
  /** Icon shown before the label. */
126
- icon?: React.ReactNode;
142
+ icon?: react.ReactNode;
127
143
  /** Optional href; renders an <a> instead of a <button> when set. */
128
144
  href?: string;
129
145
  /** Marks the item active. */
@@ -135,65 +151,65 @@ interface MenuLinkProps {
135
151
  /** Label shown as a tooltip when the sidebar is collapsed to an icon rail. */
136
152
  tooltip?: MenuButtonProps['tooltip'];
137
153
  /** Click handler; receives the anchor or button event. */
138
- onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
154
+ onClick?: (event: react.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
139
155
  /** Extra classes merged via `cn`. */
140
156
  className?: string;
141
157
  /** The item label. */
142
- children?: React.ReactNode;
158
+ children?: react.ReactNode;
143
159
  }
144
- type MenuButtonProps = React.ComponentProps<typeof MenuButton>;
145
- declare function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }: MenuLinkProps): React.JSX.Element;
160
+ type MenuButtonProps = react.ComponentProps<typeof MenuButton>;
161
+ declare function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }: MenuLinkProps): react.JSX.Element;
146
162
 
147
163
  declare function MenuAction({ className, asChild, showOnHover, ...props }: HTMLArkProps<'button'> & {
148
164
  asChild?: boolean;
149
165
  showOnHover?: boolean;
150
- }): React.JSX.Element;
166
+ }): react.JSX.Element;
151
167
 
152
- declare function MenuBadge({ className, ...props }: HTMLArkProps<'div'>): React.JSX.Element;
168
+ declare function MenuBadge({ className, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
153
169
 
154
170
  declare function MenuSkeleton({ className, showIcon, ...props }: HTMLArkProps<'div'> & {
155
171
  showIcon?: boolean;
156
- }): React.JSX.Element;
172
+ }): react.JSX.Element;
157
173
 
158
- declare function MenuSub({ className, ...props }: HTMLArkProps<'ul'>): React.JSX.Element;
174
+ declare function MenuSub({ className, ...props }: HTMLArkProps<'ul'>): react.JSX.Element;
159
175
 
160
- declare function MenuSubItem({ className, ...props }: HTMLArkProps<'li'>): React.JSX.Element;
176
+ declare function MenuSubItem({ className, ...props }: HTMLArkProps<'li'>): react.JSX.Element;
161
177
 
162
178
  declare function MenuSubButton({ asChild, size, isActive, className, ...props }: HTMLArkProps<'a'> & {
163
179
  asChild?: boolean;
164
180
  size?: 'sm' | 'md';
165
181
  isActive?: boolean;
166
- }): React.JSX.Element;
182
+ }): react.JSX.Element;
167
183
 
168
- declare function Trigger({ className, onClick, children, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
184
+ declare function Trigger({ className, onClick, children, ...props }: HTMLArkProps<'button'>): react.JSX.Element;
169
185
 
170
- declare function Rail({ className, ...props }: HTMLArkProps<'button'>): React.JSX.Element;
186
+ declare function Rail({ className, ...props }: HTMLArkProps<'button'>): react.JSX.Element;
171
187
 
172
- declare function Inset({ className, ...props }: HTMLArkProps<'main'>): React.JSX.Element;
188
+ declare function Inset({ className, ...props }: HTMLArkProps<'main'>): react.JSX.Element;
173
189
 
174
- declare function Input({ className, ...props }: HTMLArkProps<'input'>): React.JSX.Element;
190
+ declare function Input$1({ className, ...props }: HTMLArkProps<'input'>): react.JSX.Element;
175
191
 
176
192
  declare function useSidebar(): SidebarContextProps;
177
193
 
178
194
  type TabsProps = TabsRootProps;
179
- declare function Tabs({ className, lazyMount, unmountOnExit, ...props }: TabsProps): React.JSX.Element;
195
+ declare function Tabs({ className, lazyMount, unmountOnExit, ...props }: TabsProps): react.JSX.Element;
180
196
  type TabsListProps = TabListProps & TabsListVariants;
181
- declare function TabsList({ variant, className, children, ...props }: TabsListProps): React.JSX.Element;
197
+ declare function TabsList({ variant, className, children, ...props }: TabsListProps): react.JSX.Element;
182
198
  type TabsTriggerProps = TabTriggerProps;
183
- declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React.JSX.Element;
199
+ declare function TabsTrigger({ className, ...props }: TabsTriggerProps): react.JSX.Element;
184
200
  type TabsContentProps = TabContentProps;
185
- declare function TabsContent({ className, ...props }: TabsContentProps): React.JSX.Element;
201
+ declare function TabsContent({ className, ...props }: TabsContentProps): react.JSX.Element;
186
202
  declare const useTabs: () => _ark_ui_react_tabs.UseTabsContext;
187
203
 
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> & {
204
+ declare function Pagination({ className, ...props }: PaginationRootProps): react.JSX.Element;
205
+ declare function PaginationPrevious(props: HTMLArkProps<'button'>): react.JSX.Element;
206
+ declare function PaginationNext(props: HTMLArkProps<'button'>): react.JSX.Element;
207
+ type PaginationItemProps = react.ComponentProps<typeof PaginationItem$1> & {
192
208
  className?: string;
193
209
  };
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;
210
+ declare function PaginationItem({ className, children, ...rest }: PaginationItemProps): react.JSX.Element;
211
+ declare function PaginationItems(): react.JSX.Element;
212
+ declare function PaginationEllipsis({ className, ...rest }: react.ComponentProps<typeof PaginationEllipsis$1>): react.JSX.Element;
197
213
 
198
214
  interface NavbarContextValue {
199
215
  id: string;
@@ -204,47 +220,164 @@ interface NavbarContextValue {
204
220
  hovered: boolean;
205
221
  setHovered: (hovered: boolean) => void;
206
222
  slots: {
207
- brand: React.ReactNode;
208
- actions: React.ReactNode;
223
+ brand: react.ReactNode;
224
+ actions: react.ReactNode;
209
225
  };
210
- setSlot: (key: 'brand' | 'actions', node: React.ReactNode) => void;
226
+ setSlot: (key: 'brand' | 'actions', node: react.ReactNode) => void;
211
227
  variant: NavbarVariant;
212
228
  floating: boolean;
213
229
  density: NavbarDensity;
214
230
  /** The element the mobile overlay portals into (the header's parent). */
215
- portalRef: React.RefObject<HTMLElement | null>;
231
+ portalRef: react.RefObject<HTMLElement | null>;
216
232
  }
217
233
  declare function useNavbar(): NavbarContextValue;
218
234
  declare function NavbarProvider({ defaultOpen, children, }: {
219
235
  defaultOpen?: boolean;
220
- children: React.ReactNode;
221
- }): React.JSX.Element;
222
- declare function Navbar({ variant, floating, density, className, children, ...props }: React.ComponentProps<'header'> & {
236
+ children: react.ReactNode;
237
+ }): react.JSX.Element;
238
+ declare function Navbar({ variant, floating, density, className, children, ...props }: react.ComponentProps<'header'> & {
223
239
  variant?: NavbarVariant;
224
240
  floating?: boolean;
225
241
  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;
242
+ }): react.JSX.Element;
243
+ declare function NavbarActivationArea({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
244
+ declare function NavbarBrand({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
229
245
  declare function NavbarMenu({ placement, className, children, ...props }: NavigationMenuRootProps & {
230
246
  placement?: 'left' | 'center' | 'right';
231
- }): React.JSX.Element;
232
- declare function NavbarMenuList({ className, children, ...props }: NavigationMenuListProps): React.JSX.Element;
247
+ }): react.JSX.Element;
248
+ declare function NavbarMenuList({ className, children, ...props }: NavigationMenuListProps): react.JSX.Element;
233
249
  declare function NavbarMenuItem({ variant, className, ...props }: NavigationMenuItemProps & {
234
250
  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'> & {
251
+ }): react.JSX.Element;
252
+ declare function NavbarMenuTrigger({ asChild, className, children, ...props }: NavigationMenuTriggerProps): react.JSX.Element;
253
+ declare function NavbarMenuContent({ className, children, ...props }: NavigationMenuContentProps): react.JSX.Element;
254
+ declare function NavbarMenuLink({ className, children, ...props }: NavigationMenuLinkProps): react.JSX.Element;
255
+ declare function NavbarMobileMenu({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
256
+ declare function NavbarMobileMenuTrigger({ className, children, ...props }: react.ComponentProps<'button'>): react.JSX.Element;
257
+ declare function NavbarMobileMenuContent({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
258
+ declare function NavbarMenuViewport({ className, ...props }: NavigationMenuViewportProps): react.JSX.Element;
259
+ declare function NavbarMenuIndicator({ className, ...props }: NavigationMenuIndicatorProps): react.JSX.Element;
260
+ declare function NavbarActions({ className, children, ...props }: HTMLArkProps<'div'>): react.JSX.Element;
261
+ declare function NavbarTrigger({ className, children, 'aria-label': ariaLabel, ...props }: react.ComponentProps<'button'> & {
246
262
  'aria-label'?: string;
247
- }): React.JSX.Element;
248
- declare function NavbarMobileOverlay({ className, children, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
263
+ }): react.JSX.Element;
264
+ declare function NavbarMobileOverlay({ className, children, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
265
+
266
+ type FieldProps = FieldRootProps;
267
+ declare function Field({ className, ...props }: FieldProps): react.JSX.Element;
268
+ declare function FieldLabel({ className, ...props }: FieldLabelProps): react.JSX.Element;
269
+ declare function FieldHelper({ className, ...props }: FieldHelperTextProps): react.JSX.Element;
270
+ declare function FieldError({ className, ...props }: FieldErrorTextProps): react.JSX.Element;
271
+ declare function FieldRequiredIndicator({ className, ...props }: FieldRequiredIndicatorProps): react.JSX.Element;
272
+ type FieldSetProps = FieldsetRootProps;
273
+ declare function FieldSet({ className, ...props }: FieldSetProps): react.JSX.Element;
274
+ declare function FieldSetLegend({ className, ...props }: FieldsetLegendProps): react.JSX.Element;
275
+ declare function FieldSetHelper({ className, ...props }: FieldsetHelperTextProps): react.JSX.Element;
276
+ declare function FieldSetError({ className, ...props }: FieldsetErrorTextProps): react.JSX.Element;
277
+ declare const useField: () => _ark_ui_react_field.UseFieldContext;
278
+
279
+ type InputProps = Omit<FieldInputProps, 'size'> & InputProps$1;
280
+ declare function Input({ className, size, ...props }: InputProps): react.JSX.Element;
281
+
282
+ type TextareaProps = FieldTextareaProps;
283
+ declare function Textarea({ className, ...props }: TextareaProps): react.JSX.Element;
284
+
285
+ type NumberInputProps = NumberInputRootProps;
286
+ declare function NumberInput({ className, ...props }: NumberInputProps): react.JSX.Element;
287
+ declare function NumberInputControl({ className, ...props }: NumberInputControlProps): react.JSX.Element;
288
+ declare function NumberInputInput({ className, ...props }: NumberInputInputProps): react.JSX.Element;
289
+ declare function NumberInputDecrement({ className, ...props }: NumberInputDecrementTriggerProps): react.JSX.Element;
290
+ declare function NumberInputIncrement({ className, ...props }: NumberInputIncrementTriggerProps): react.JSX.Element;
291
+ declare const useNumberInput: () => _ark_ui_react_number_input.UseNumberInputContext;
292
+
293
+ type CheckboxProps = CheckboxRootProps & CheckboxProps$1;
294
+ declare function Checkbox({ className, size, children, ...props }: CheckboxProps): react.JSX.Element;
295
+ declare function CheckboxControl({ className, ...props }: CheckboxControlProps): react.JSX.Element;
296
+ declare function CheckboxIndicator({ className, ...props }: CheckboxIndicatorProps): react.JSX.Element;
297
+ declare function CheckboxLabel({ className, ...props }: CheckboxLabelProps): react.JSX.Element;
298
+ declare function CheckboxGroup({ className, ...props }: CheckboxGroupProps): react.JSX.Element;
299
+ declare const useCheckbox: () => _ark_ui_react_checkbox.UseCheckboxContext;
300
+
301
+ type SwitchProps = SwitchRootProps & SwitchProps$1;
302
+ declare function Switch({ className, size, children, ...props }: SwitchProps): react.JSX.Element;
303
+ declare function SwitchControl({ className, ...props }: SwitchControlProps): react.JSX.Element;
304
+ declare function SwitchThumb({ className, ...props }: SwitchThumbProps): react.JSX.Element;
305
+ declare function SwitchLabel({ className, ...props }: SwitchLabelProps): react.JSX.Element;
306
+ declare const useSwitch: () => _ark_ui_react_switch.UseSwitchContext;
307
+
308
+ type SelectProps = Omit<SelectRootProps<SelectItemData>, 'collection'> & {
309
+ items?: SelectItemData[];
310
+ collection?: ListCollection<SelectItemData>;
311
+ size?: 'sm' | 'md' | 'lg';
312
+ };
313
+ declare function Select({ items, collection, size, children, ...props }: SelectProps): react.JSX.Element;
314
+ type SelectTriggerProps = SelectTriggerProps$1 & {
315
+ size?: 'sm' | 'md' | 'lg';
316
+ };
317
+ declare function SelectTrigger({ size, className, ...props }: SelectTriggerProps): react.JSX.Element;
318
+ declare function SelectValue({ className, ...props }: SelectValueTextProps): react.JSX.Element;
319
+ declare function SelectIndicator({ className, ...props }: SelectIndicatorProps): react.JSX.Element;
320
+ declare function SelectClearTrigger({ className, ...props }: SelectClearTriggerProps): react.JSX.Element;
321
+ declare function SelectContent({ className, ...props }: SelectContentProps): react.JSX.Element;
322
+ declare function SelectItemGroup({ className, ...props }: SelectItemGroupProps): react.JSX.Element;
323
+ declare function SelectItemGroupLabel({ className, ...props }: SelectItemGroupLabelProps): react.JSX.Element;
324
+ type SelectItemProps = Omit<SelectItemProps$1, 'item'> & {
325
+ item: SelectItemData;
326
+ };
327
+ declare function SelectItem({ item, className, ...props }: SelectItemProps): react.JSX.Element;
328
+ declare function SelectItemText({ className, ...props }: SelectItemTextProps): react.JSX.Element;
329
+ declare function SelectItemIndicator({ className, ...props }: SelectItemIndicatorProps): react.JSX.Element;
330
+ declare const useSelect: () => _ark_ui_react_select.UseSelectContext<any>;
331
+ interface SelectNativeProps extends Omit<HTMLArkProps<'select'>, 'onChange' | 'children' | 'value' | 'defaultValue' | 'size'> {
332
+ items: SelectItemData[];
333
+ value?: string;
334
+ defaultValue?: string;
335
+ onValueChange?: (value: string) => void;
336
+ size?: 'sm' | 'md' | 'lg';
337
+ invalid?: boolean;
338
+ icon?: ReactNode;
339
+ }
340
+ declare function SelectNative({ items, value, defaultValue, onValueChange, size, invalid, icon, className, ...props }: SelectNativeProps): react.JSX.Element;
249
341
 
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 };
342
+ type ComboboxProps = Omit<ComboboxRootProps<SelectItemData>, 'collection'> & {
343
+ items?: SelectItemData[];
344
+ collection?: ListCollection$1<SelectItemData>;
345
+ };
346
+ declare function Combobox({ items, collection, openOnClick, lazyMount, unmountOnExit, ...props }: ComboboxProps): react.JSX.Element;
347
+ declare function ComboboxControl({ className, ...props }: ComboboxControlProps): react.JSX.Element;
348
+ type ComboboxInputProps = Omit<ComboboxInputProps$1, 'size'> & {
349
+ size?: 'sm' | 'md' | 'lg';
350
+ };
351
+ declare function ComboboxInput({ size, className, ...props }: ComboboxInputProps): react.JSX.Element;
352
+ declare function ComboboxTrigger({ className, ...props }: ComboboxTriggerProps): react.JSX.Element;
353
+ declare function ComboboxClear({ className, ...props }: ComboboxClearTriggerProps): react.JSX.Element;
354
+ declare function ComboboxContent({ className, ...props }: ComboboxContentProps): react.JSX.Element;
355
+ declare function ComboboxItemGroup({ className, ...props }: ComboboxItemGroupProps): react.JSX.Element;
356
+ declare function ComboboxItemGroupLabel({ className, ...props }: ComboboxItemGroupLabelProps): react.JSX.Element;
357
+ type ComboboxItemProps = Omit<ComboboxItemProps$1, 'item'> & ComboboxItemVariants & {
358
+ item: SelectItemData;
359
+ };
360
+ declare function ComboboxItem({ item, showIndicator, className, ...props }: ComboboxItemProps): react.JSX.Element;
361
+ declare function ComboboxItemText({ className, ...props }: ComboboxItemTextProps): react.JSX.Element;
362
+ declare function ComboboxItemIndicator({ className, ...props }: ComboboxItemIndicatorProps): react.JSX.Element;
363
+ declare function ComboboxList({ className, ...props }: ComboboxListProps): react.JSX.Element;
364
+ declare function ComboboxEmpty({ className, children, ...props }: ComboboxEmptyProps): react.JSX.Element;
365
+ declare const useCombobox: () => _ark_ui_react_combobox.UseComboboxContext<any>;
366
+
367
+ type TagInputProps = TagsInputRootProps;
368
+ declare function TagInput({ className, editable, children, ...props }: TagInputProps): react.JSX.Element;
369
+ declare function TagInputControl({ className, ...props }: TagsInputControlProps): react.JSX.Element;
370
+ declare function TagInputInput({ className, ...props }: TagsInputInputProps): react.JSX.Element;
371
+ declare function TagInputItem({ className, ...props }: TagsInputItemProps): react.JSX.Element;
372
+ declare function TagInputItemPreview({ className, ...props }: TagsInputItemPreviewProps): react.JSX.Element;
373
+ declare function TagInputItemText({ className, ...props }: TagsInputItemTextProps): react.JSX.Element;
374
+ declare function TagInputItemInput({ className, ...props }: TagsInputItemInputProps): react.JSX.Element;
375
+ declare function TagInputItemDeleteTrigger({ className, ...props }: TagsInputItemDeleteTriggerProps): react.JSX.Element;
376
+ declare function TagInputClearTrigger({ className, ...props }: TagsInputClearTriggerProps): react.JSX.Element;
377
+ declare const TagInputContext: (props: TagsInputContextProps) => react.ReactNode;
378
+ type TagInputContextProps = TagsInputContextProps;
379
+ declare const useTagInput: () => _ark_ui_react_tags_input.UseTagsInputContext;
380
+
381
+ declare function useMediaQuery(query: string): boolean;
382
+
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 };