@umami/react-zen 0.164.0 → 0.165.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +115 -88
- package/dist/index.d.mts +8 -2
- package/dist/index.d.ts +8 -2
- package/dist/index.js +2999 -1443
- package/dist/index.mjs +1953 -397
- package/package.json +1 -1
- package/styles.css +115 -88
package/dist/index.css
CHANGED
|
@@ -3133,7 +3133,7 @@
|
|
|
3133
3133
|
}
|
|
3134
3134
|
|
|
3135
3135
|
/* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
|
|
3136
|
-
.
|
|
3136
|
+
.Button_button__NGQyO {
|
|
3137
3137
|
display: flex;
|
|
3138
3138
|
align-items: center;
|
|
3139
3139
|
justify-content: center;
|
|
@@ -3150,104 +3150,99 @@
|
|
|
3150
3150
|
position: relative;
|
|
3151
3151
|
cursor: pointer;
|
|
3152
3152
|
line-height: 1.5;
|
|
3153
|
-
--button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
|
|
3154
3153
|
}
|
|
3155
|
-
.
|
|
3154
|
+
.Button_button__NGQyO:disabled {
|
|
3156
3155
|
color: var(--font-color-muted);
|
|
3157
3156
|
pointer-events: none;
|
|
3158
3157
|
}
|
|
3159
|
-
.
|
|
3158
|
+
.Button_button__NGQyO:hover {
|
|
3160
3159
|
color: var(--font-color);
|
|
3161
3160
|
background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
|
|
3162
3161
|
}
|
|
3163
|
-
.
|
|
3162
|
+
.Button_button__NGQyO[data-pressed] {
|
|
3164
3163
|
background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
|
|
3165
3164
|
}
|
|
3166
|
-
.
|
|
3165
|
+
.Button_button__NGQyO.Button_variant-primary__YjU3N {
|
|
3167
3166
|
color: var(--primary-font-color) !important;
|
|
3168
3167
|
background: var(--primary-color);
|
|
3169
3168
|
}
|
|
3170
|
-
.
|
|
3169
|
+
.Button_button__NGQyO.Button_variant-primary__YjU3N:hover {
|
|
3171
3170
|
background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
|
|
3172
3171
|
}
|
|
3173
|
-
.
|
|
3172
|
+
.Button_button__NGQyO.Button_variant-primary__YjU3N[data-pressed] {
|
|
3174
3173
|
background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
|
|
3175
3174
|
}
|
|
3176
|
-
.
|
|
3175
|
+
.Button_button__NGQyO.Button_variant-primary__YjU3N:disabled {
|
|
3177
3176
|
color: var(--primary-font-color);
|
|
3178
3177
|
background: var(--base-color-9);
|
|
3179
3178
|
}
|
|
3180
|
-
.
|
|
3179
|
+
.Button_button__NGQyO.Button_variant-outline__NzU3Y {
|
|
3181
3180
|
background: var(--background-color);
|
|
3182
3181
|
border: var(--border);
|
|
3183
3182
|
box-shadow: var(--box-shadow-1);
|
|
3184
3183
|
}
|
|
3185
|
-
.
|
|
3184
|
+
.Button_button__NGQyO.Button_variant-outline__NzU3Y:hover {
|
|
3186
3185
|
border-color: var(--border-color-3);
|
|
3187
3186
|
}
|
|
3188
|
-
.
|
|
3187
|
+
.Button_button__NGQyO.Button_variant-outline__NzU3Y[data-pressed] {
|
|
3189
3188
|
background: var(--highlight-color);
|
|
3190
3189
|
}
|
|
3191
|
-
.
|
|
3190
|
+
.Button_button__NGQyO.Button_variant-outline__NzU3Y:disabled {
|
|
3192
3191
|
background: var(--base-color-2);
|
|
3193
3192
|
}
|
|
3194
|
-
.
|
|
3193
|
+
.Button_button__NGQyO.Button_variant-quiet__MzMzO {
|
|
3195
3194
|
background: transparent;
|
|
3196
3195
|
}
|
|
3197
|
-
.
|
|
3196
|
+
.Button_button__NGQyO.Button_variant-quiet__MzMzO:hover {
|
|
3198
3197
|
background: var(--highlight-color);
|
|
3199
3198
|
}
|
|
3200
|
-
.
|
|
3199
|
+
.Button_button__NGQyO.Button_variant-quiet__MzMzO[data-pressed] {
|
|
3201
3200
|
background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
|
|
3202
3201
|
}
|
|
3203
|
-
.
|
|
3202
|
+
.Button_button__NGQyO.Button_variant-danger__OGZhN {
|
|
3204
3203
|
color: var(--light-color);
|
|
3205
3204
|
background: var(--danger-color);
|
|
3206
3205
|
}
|
|
3207
|
-
.
|
|
3206
|
+
.Button_button__NGQyO.Button_variant-danger__OGZhN:hover {
|
|
3208
3207
|
background: color-mix(in srgb, var(--danger-color), 6% black);
|
|
3209
3208
|
}
|
|
3210
|
-
.
|
|
3209
|
+
.Button_button__NGQyO.Button_variant-danger__OGZhN[data-pressed] {
|
|
3211
3210
|
background: color-mix(in srgb, var(--danger-color), 12% black);
|
|
3212
3211
|
}
|
|
3213
|
-
.
|
|
3212
|
+
.Button_button__NGQyO.Button_variant-danger__OGZhN:disabled {
|
|
3214
3213
|
color: var(--primary-font-color);
|
|
3215
3214
|
background: var(--base-color-8);
|
|
3216
3215
|
}
|
|
3217
|
-
.
|
|
3216
|
+
.Button_button__NGQyO.Button_variant-zero__ZGViN {
|
|
3218
3217
|
border: 0;
|
|
3219
3218
|
background: transparent;
|
|
3220
3219
|
}
|
|
3221
|
-
.
|
|
3220
|
+
.Button_button__NGQyO.Button_variant-zero__ZGViN:hover {
|
|
3222
3221
|
background: transparent;
|
|
3223
3222
|
}
|
|
3224
|
-
.
|
|
3223
|
+
.Button_button__NGQyO.Button_variant-zero__ZGViN[data-pressed] {
|
|
3225
3224
|
background: transparent;
|
|
3226
3225
|
}
|
|
3227
|
-
.
|
|
3226
|
+
.Button_button__NGQyO.Button_variant-zero__ZGViN:disabled {
|
|
3228
3227
|
background: transparent;
|
|
3229
3228
|
}
|
|
3230
|
-
.
|
|
3229
|
+
.Button_button__NGQyO.Button_sm__NzE4Y {
|
|
3231
3230
|
font-size: calc(0.9 * var(--font-size));
|
|
3232
3231
|
padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
|
|
3233
|
-
min-height: calc(0.9 * var(--button-height));
|
|
3234
3232
|
}
|
|
3235
|
-
.
|
|
3233
|
+
.Button_button__NGQyO.Button_md__YzYwY {
|
|
3236
3234
|
font-size: var(--font-size);
|
|
3237
3235
|
padding: var(--padding);
|
|
3238
|
-
min-height: var(--button-height);
|
|
3239
3236
|
}
|
|
3240
|
-
.
|
|
3237
|
+
.Button_button__NGQyO.Button_lg__YTVkN {
|
|
3241
3238
|
font-size: calc(1.25 * var(--font-size));
|
|
3242
3239
|
padding: var(--padding-y) calc(1.25 * var(--padding-x));
|
|
3243
|
-
min-height: calc(1.25 * var(--button-height));
|
|
3244
3240
|
}
|
|
3245
|
-
.
|
|
3241
|
+
.Button_button__NGQyO.Button_xl__ZDcyY {
|
|
3246
3242
|
font-size: calc(1.5 * var(--font-size));
|
|
3247
3243
|
padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
|
|
3248
|
-
min-height: calc(1.5 * var(--button-height));
|
|
3249
3244
|
}
|
|
3250
|
-
body a.
|
|
3245
|
+
body a.Button_button__NGQyO {
|
|
3251
3246
|
color: inherit;
|
|
3252
3247
|
text-decoration: none;
|
|
3253
3248
|
}
|
|
@@ -3674,6 +3669,93 @@ body a.Button_button__ZGNlZ {
|
|
|
3674
3669
|
outline: var(--outline);
|
|
3675
3670
|
}
|
|
3676
3671
|
|
|
3672
|
+
/* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
|
|
3673
|
+
.List_list__ZTRlN {
|
|
3674
|
+
display: grid;
|
|
3675
|
+
outline: none;
|
|
3676
|
+
overflow: auto;
|
|
3677
|
+
gap: var(--spacing-1);
|
|
3678
|
+
}
|
|
3679
|
+
.List_separator__ODIwN {
|
|
3680
|
+
border-bottom: var(--border);
|
|
3681
|
+
}
|
|
3682
|
+
.List_section__MzJmN:not(:last-child) {
|
|
3683
|
+
margin-bottom: var(--spacing-4);
|
|
3684
|
+
}
|
|
3685
|
+
.List_header__MzRmM {
|
|
3686
|
+
font-size: var(--font-size-3);
|
|
3687
|
+
font-weight: var(--font-weight-bold);
|
|
3688
|
+
padding: var(--padding);
|
|
3689
|
+
}
|
|
3690
|
+
.List_item__ODM4N {
|
|
3691
|
+
display: flex;
|
|
3692
|
+
align-items: center;
|
|
3693
|
+
justify-content: space-between;
|
|
3694
|
+
font-size: var(--font-size);
|
|
3695
|
+
color: var(--font-color);
|
|
3696
|
+
padding: var(--padding);
|
|
3697
|
+
gap: var(--gap);
|
|
3698
|
+
min-width: 120px;
|
|
3699
|
+
cursor: pointer;
|
|
3700
|
+
outline: none;
|
|
3701
|
+
border-radius: var(--border-radius);
|
|
3702
|
+
}
|
|
3703
|
+
.List_item__ODM4N[data-disabled] {
|
|
3704
|
+
color: var(--font-color-disabled);
|
|
3705
|
+
}
|
|
3706
|
+
.List_item__ODM4N[data-focus],
|
|
3707
|
+
.List_item__ODM4N[data-focus-visible] {
|
|
3708
|
+
background: var(--highlight-color);
|
|
3709
|
+
}
|
|
3710
|
+
.List_item__ODM4N:hover {
|
|
3711
|
+
background: var(--highlight-color);
|
|
3712
|
+
}
|
|
3713
|
+
.List_item__ODM4N[data-selected] {
|
|
3714
|
+
font-weight: bold;
|
|
3715
|
+
& .List_checkmark__NzY1N {
|
|
3716
|
+
display: flex;
|
|
3717
|
+
justify-content: flex-end;
|
|
3718
|
+
}
|
|
3719
|
+
}
|
|
3720
|
+
.List_checkmark__NzY1N {
|
|
3721
|
+
display: none;
|
|
3722
|
+
}
|
|
3723
|
+
.List_hideCheckmark__NDhmN .List_checkmark__NzY1N {
|
|
3724
|
+
display: none;
|
|
3725
|
+
}
|
|
3726
|
+
|
|
3727
|
+
/* virtual-css:css:8ac5a8adaf8e8de9ae56ee4600f2cfaa */
|
|
3728
|
+
.ComboBox_combobox__ZDYxZ {
|
|
3729
|
+
display: flex;
|
|
3730
|
+
align-items: center;
|
|
3731
|
+
flex-wrap: nowrap;
|
|
3732
|
+
border: var(--border);
|
|
3733
|
+
padding: var(--padding);
|
|
3734
|
+
border-radius: var(--border-radius);
|
|
3735
|
+
}
|
|
3736
|
+
.ComboBox_input__YjNkN {
|
|
3737
|
+
font-size: var(--font-size);
|
|
3738
|
+
border: none;
|
|
3739
|
+
outline: none;
|
|
3740
|
+
}
|
|
3741
|
+
.ComboBox_button__NTlhM {
|
|
3742
|
+
display: flex;
|
|
3743
|
+
align-items: center;
|
|
3744
|
+
justify-content: center;
|
|
3745
|
+
border: 0;
|
|
3746
|
+
background: transparent;
|
|
3747
|
+
}
|
|
3748
|
+
.ComboBox_list__NTdiY {
|
|
3749
|
+
margin-top: var(--padding-y);
|
|
3750
|
+
margin-left: calc(-1 * var(--padding-x));
|
|
3751
|
+
padding: var(--spacing-2);
|
|
3752
|
+
background-color: var(--background-color);
|
|
3753
|
+
border: var(--border);
|
|
3754
|
+
border-radius: var(--border-radius);
|
|
3755
|
+
box-shadow: var(--box-shadow-3);
|
|
3756
|
+
width: 260px;
|
|
3757
|
+
}
|
|
3758
|
+
|
|
3677
3759
|
/* virtual-css:css:a3f0bcbc602e66499a3823844c11db39 */
|
|
3678
3760
|
.Code_code__ZTc0M {
|
|
3679
3761
|
font-family: var(--font-family-code);
|
|
@@ -4085,61 +4167,6 @@ body a.Button_button__ZGNlZ {
|
|
|
4085
4167
|
position: absolute;
|
|
4086
4168
|
}
|
|
4087
4169
|
|
|
4088
|
-
/* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
|
|
4089
|
-
.List_list__ZTRlN {
|
|
4090
|
-
display: grid;
|
|
4091
|
-
outline: none;
|
|
4092
|
-
overflow: auto;
|
|
4093
|
-
gap: var(--spacing-1);
|
|
4094
|
-
}
|
|
4095
|
-
.List_separator__ODIwN {
|
|
4096
|
-
border-bottom: var(--border);
|
|
4097
|
-
}
|
|
4098
|
-
.List_section__MzJmN:not(:last-child) {
|
|
4099
|
-
margin-bottom: var(--spacing-4);
|
|
4100
|
-
}
|
|
4101
|
-
.List_header__MzRmM {
|
|
4102
|
-
font-size: var(--font-size-3);
|
|
4103
|
-
font-weight: var(--font-weight-bold);
|
|
4104
|
-
padding: var(--padding);
|
|
4105
|
-
}
|
|
4106
|
-
.List_item__ODM4N {
|
|
4107
|
-
display: flex;
|
|
4108
|
-
align-items: center;
|
|
4109
|
-
justify-content: space-between;
|
|
4110
|
-
font-size: var(--font-size);
|
|
4111
|
-
color: var(--font-color);
|
|
4112
|
-
padding: var(--padding);
|
|
4113
|
-
gap: var(--gap);
|
|
4114
|
-
min-width: 120px;
|
|
4115
|
-
cursor: pointer;
|
|
4116
|
-
outline: none;
|
|
4117
|
-
border-radius: var(--border-radius);
|
|
4118
|
-
}
|
|
4119
|
-
.List_item__ODM4N[data-disabled] {
|
|
4120
|
-
color: var(--font-color-disabled);
|
|
4121
|
-
}
|
|
4122
|
-
.List_item__ODM4N[data-focus],
|
|
4123
|
-
.List_item__ODM4N[data-focus-visible] {
|
|
4124
|
-
background: var(--highlight-color);
|
|
4125
|
-
}
|
|
4126
|
-
.List_item__ODM4N:hover {
|
|
4127
|
-
background: var(--highlight-color);
|
|
4128
|
-
}
|
|
4129
|
-
.List_item__ODM4N[data-selected] {
|
|
4130
|
-
font-weight: bold;
|
|
4131
|
-
& .List_checkmark__NzY1N {
|
|
4132
|
-
display: flex;
|
|
4133
|
-
justify-content: flex-end;
|
|
4134
|
-
}
|
|
4135
|
-
}
|
|
4136
|
-
.List_checkmark__NzY1N {
|
|
4137
|
-
display: none;
|
|
4138
|
-
}
|
|
4139
|
-
.List_hideCheckmark__NDhmN .List_checkmark__NzY1N {
|
|
4140
|
-
display: none;
|
|
4141
|
-
}
|
|
4142
|
-
|
|
4143
4170
|
/* virtual-css:css:685b6ac8ab5c6b43c34d2fc83c3b107d */
|
|
4144
4171
|
.Loading_loading__MzE0Y {
|
|
4145
4172
|
position: relative;
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
1
|
+
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
@@ -312,6 +312,12 @@ interface CheckboxProps extends CheckboxProps$1 {
|
|
|
312
312
|
}
|
|
313
313
|
declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react.JSX.Element;
|
|
314
314
|
|
|
315
|
+
interface ComboboxProps extends ComboBoxProps<any> {
|
|
316
|
+
items: any[];
|
|
317
|
+
className?: string;
|
|
318
|
+
}
|
|
319
|
+
declare function ComboBox({ items, className, ...props }: ComboboxProps): react.JSX.Element;
|
|
320
|
+
|
|
315
321
|
interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
316
322
|
asChild?: boolean;
|
|
317
323
|
weight?: Responsive<FontWeight>;
|
|
@@ -712,4 +718,4 @@ interface ZenProviderProps {
|
|
|
712
718
|
}
|
|
713
719
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
714
720
|
|
|
715
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
|
721
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboboxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
1
|
+
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ComboBoxProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, PopoverProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
@@ -312,6 +312,12 @@ interface CheckboxProps extends CheckboxProps$1 {
|
|
|
312
312
|
}
|
|
313
313
|
declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react.JSX.Element;
|
|
314
314
|
|
|
315
|
+
interface ComboboxProps extends ComboBoxProps<any> {
|
|
316
|
+
items: any[];
|
|
317
|
+
className?: string;
|
|
318
|
+
}
|
|
319
|
+
declare function ComboBox({ items, className, ...props }: ComboboxProps): react.JSX.Element;
|
|
320
|
+
|
|
315
321
|
interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
316
322
|
asChild?: boolean;
|
|
317
323
|
weight?: Responsive<FontWeight>;
|
|
@@ -712,4 +718,4 @@ interface ZenProviderProps {
|
|
|
712
718
|
}
|
|
713
719
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
714
720
|
|
|
715
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
|
721
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboboxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|