bako-ui 0.2.0 → 0.2.2
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.d.mts +50 -6
- package/dist/index.d.ts +50 -6
- package/dist/index.js +228 -52
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +181 -30
- package/dist/index.mjs.map +1 -1
- package/package.json +14 -15
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { FC } from 'react';
|
|
2
|
+
import react__default, { ComponentPropsWithoutRef, FC } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
|
|
4
|
+
import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Progress as Progress$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
|
|
5
5
|
export { Alert, BadgeProps, Box, BoxProps, ButtonGroup, CardBodyProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, Center, CenterProps, Icon as ChakraIcon, ClientOnly, ClientOnlyProps, ClipboardTriggerProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, DialogActionTriggerProps, DialogBackdropProps, DialogBodyProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOpenChangeDetails, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps, EmptyStateContentProps, EmptyStateDescriptionProps, EmptyStateIndicatorProps, EmptyStateRootProps, EmptyStateTitleProps, Field, FieldErrorIconProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRootProps, Flex, FlexProps, FormatNumber, Heading, HeadingProps, IconProps, Image, ImageProps, InputAddonProps, InputElementProps, InputGroup, InputGroupProps, ListItemProps, ListRootProps, Spinner as Loader, SpinnerProps as LoaderProps, MenuArrowProps, MenuArrowTipProps, MenuCheckboxItemProps, MenuContentProps, MenuContextTriggerProps, MenuIndicatorProps, MenuItemCommandProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuItemTextProps, MenuOpenChangeDetails, MenuPositionerProps, MenuRadioItemGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, Portal, QrCodeRootProps, SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectIndicatorGroupProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueTextProps, Separator, SeparatorProps, SkeletonCircleProps, SkeletonProps, SkeletonTextProps, Spacer, SpacerProps, Span, SpanProps, Text, TextProps, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSteps, useStepsContext, useStepsItemContext } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { FieldValues, FieldPath, UseControllerProps, FieldError } from 'react-hook-form';
|
|
@@ -138,6 +138,7 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
|
|
|
138
138
|
showTrigger?: boolean;
|
|
139
139
|
clearTriggerIcon?: React.ReactNode;
|
|
140
140
|
allowCustomValue?: boolean;
|
|
141
|
+
onInputValueChange?: (value: string) => void;
|
|
141
142
|
slotProps?: {
|
|
142
143
|
root?: Omit<ComboboxRootProps, 'collection' | 'openOnClick'>;
|
|
143
144
|
label?: FieldLabelProps;
|
|
@@ -145,7 +146,24 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
|
|
|
145
146
|
};
|
|
146
147
|
};
|
|
147
148
|
|
|
148
|
-
|
|
149
|
+
/**
|
|
150
|
+
* @description A combobox component integrated with react-hook-form and Chakra UI.
|
|
151
|
+
*
|
|
152
|
+
* @example
|
|
153
|
+
* const { control } = useForm();
|
|
154
|
+
*
|
|
155
|
+
* <RhfCombobox
|
|
156
|
+
* name="fruit"
|
|
157
|
+
* control={control}
|
|
158
|
+
* label="Select a fruit"
|
|
159
|
+
* options={[
|
|
160
|
+
* { label: 'Apple', value: 'apple' },
|
|
161
|
+
* { label: 'Banana', value: 'banana' },
|
|
162
|
+
* { label: 'Cherry', value: 'cherry' },
|
|
163
|
+
* ]}
|
|
164
|
+
* />
|
|
165
|
+
*/
|
|
166
|
+
declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, onInputValueChange, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
149
167
|
|
|
150
168
|
type RhfInputProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & {
|
|
151
169
|
label: string;
|
|
@@ -225,12 +243,38 @@ declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Ele
|
|
|
225
243
|
|
|
226
244
|
declare const EmptyState: typeof EmptyState$1;
|
|
227
245
|
|
|
246
|
+
type ProgressRootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
|
|
247
|
+
type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
|
|
248
|
+
type ProgressRangeProps = ComponentPropsWithoutRef<typeof Progress$1.Range>;
|
|
249
|
+
type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
|
|
250
|
+
type ProgressValueTextProps = ComponentPropsWithoutRef<typeof Progress$1.ValueText>;
|
|
251
|
+
interface ProgressProps extends ProgressRootProps {
|
|
252
|
+
showValueText?: boolean;
|
|
253
|
+
valueText?: React.ReactNode;
|
|
254
|
+
label?: React.ReactNode;
|
|
255
|
+
trackProps?: ProgressTrackProps;
|
|
256
|
+
rangeProps?: ProgressRangeProps;
|
|
257
|
+
labelProps?: ProgressLabelProps;
|
|
258
|
+
valueTextProps?: ProgressValueTextProps;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
|
|
262
|
+
declare const ProgressRoot: react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>;
|
|
263
|
+
declare const ProgressTrack: react.ForwardRefExoticComponent<Progress$1.TrackProps & react.RefAttributes<HTMLDivElement>>;
|
|
264
|
+
declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangeProps & react.RefAttributes<HTMLDivElement>>;
|
|
265
|
+
declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
266
|
+
declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
267
|
+
|
|
228
268
|
interface TooltipProps extends Tooltip$1.RootProps {
|
|
229
|
-
content: react__default.ReactNode;
|
|
230
269
|
showArrow?: boolean;
|
|
270
|
+
portalled?: boolean;
|
|
271
|
+
portalRef?: react__default.RefObject<HTMLElement | null>;
|
|
272
|
+
content: react__default.ReactNode;
|
|
273
|
+
contentProps?: Tooltip$1.ContentProps;
|
|
274
|
+
disabled?: boolean;
|
|
231
275
|
}
|
|
232
276
|
|
|
233
|
-
declare
|
|
277
|
+
declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
|
|
234
278
|
|
|
235
279
|
declare const Dialog: typeof Dialog$1 & {
|
|
236
280
|
Portal: typeof Portal;
|
|
@@ -310,4 +354,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
310
354
|
|
|
311
355
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
312
356
|
|
|
313
|
-
export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
|
|
357
|
+
export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, Progress, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressRange, type ProgressRangeProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValueText, type ProgressValueTextProps, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { FC } from 'react';
|
|
2
|
+
import react__default, { ComponentPropsWithoutRef, FC } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
|
-
import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
|
|
4
|
+
import { StackProps as StackProps$1, GridProps as GridProps$1, GridItemProps as GridItemProps$1, ButtonProps as ButtonProps$1, Card as Card$1, Clipboard as Clipboard$1, CloseButtonProps as CloseButtonProps$1, ContainerProps as ContainerProps$1, IconButtonProps as IconButtonProps$1, QrCode as QrCode$1, IconProps, LinkProps as LinkProps$1, LinkOverlayProps as LinkOverlayProps$1, Checkbox as Checkbox$1, Combobox as Combobox$1, Portal, InputProps as InputProps$1, RadioGroup as RadioGroup$1, ComboboxRootProps, FieldLabelProps, InputGroupProps, BoxProps, Select as Select$1, Switch as Switch$1, TextareaProps, Avatar as Avatar$1, GroupProps, EmptyState as EmptyState$1, Progress as Progress$1, Tooltip as Tooltip$1, Dialog as Dialog$1, Drawer as Drawer$1, Popover as Popover$1, Toast as Toast$1, CreateToasterReturn, Accordion as Accordion$1, Breadcrumb as Breadcrumb$1, List as List$1, Steps as Steps$1, Tabs as Tabs$1, Menu as Menu$1, ChakraProviderProps } from '@chakra-ui/react';
|
|
5
5
|
export { Alert, BadgeProps, Box, BoxProps, ButtonGroup, CardBodyProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardRootProps, CardTitleProps, Center, CenterProps, Icon as ChakraIcon, ClientOnly, ClientOnlyProps, ClipboardTriggerProps, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxControlProps, ComboboxInputProps, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, DialogActionTriggerProps, DialogBackdropProps, DialogBodyProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOpenChangeDetails, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps, EmptyStateContentProps, EmptyStateDescriptionProps, EmptyStateIndicatorProps, EmptyStateRootProps, EmptyStateTitleProps, Field, FieldErrorIconProps, FieldErrorTextProps, FieldHelperTextProps, FieldLabelProps, FieldRootProps, Flex, FlexProps, FormatNumber, Heading, HeadingProps, IconProps, Image, ImageProps, InputAddonProps, InputElementProps, InputGroup, InputGroupProps, ListItemProps, ListRootProps, Spinner as Loader, SpinnerProps as LoaderProps, MenuArrowProps, MenuArrowTipProps, MenuCheckboxItemProps, MenuContentProps, MenuContextTriggerProps, MenuIndicatorProps, MenuItemCommandProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemIndicatorProps, MenuItemProps, MenuItemTextProps, MenuOpenChangeDetails, MenuPositionerProps, MenuRadioItemGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, Portal, QrCodeRootProps, SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectIndicatorGroupProps, SelectIndicatorProps, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueTextProps, Separator, SeparatorProps, SkeletonCircleProps, SkeletonProps, SkeletonTextProps, Spacer, SpacerProps, Span, SpanProps, Text, TextProps, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSteps, useStepsContext, useStepsItemContext } from '@chakra-ui/react';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { FieldValues, FieldPath, UseControllerProps, FieldError } from 'react-hook-form';
|
|
@@ -138,6 +138,7 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
|
|
|
138
138
|
showTrigger?: boolean;
|
|
139
139
|
clearTriggerIcon?: React.ReactNode;
|
|
140
140
|
allowCustomValue?: boolean;
|
|
141
|
+
onInputValueChange?: (value: string) => void;
|
|
141
142
|
slotProps?: {
|
|
142
143
|
root?: Omit<ComboboxRootProps, 'collection' | 'openOnClick'>;
|
|
143
144
|
label?: FieldLabelProps;
|
|
@@ -145,7 +146,24 @@ type RhfComboboxProps<TFieldValues extends FieldValues, TName extends FieldPath<
|
|
|
145
146
|
};
|
|
146
147
|
};
|
|
147
148
|
|
|
148
|
-
|
|
149
|
+
/**
|
|
150
|
+
* @description A combobox component integrated with react-hook-form and Chakra UI.
|
|
151
|
+
*
|
|
152
|
+
* @example
|
|
153
|
+
* const { control } = useForm();
|
|
154
|
+
*
|
|
155
|
+
* <RhfCombobox
|
|
156
|
+
* name="fruit"
|
|
157
|
+
* control={control}
|
|
158
|
+
* label="Select a fruit"
|
|
159
|
+
* options={[
|
|
160
|
+
* { label: 'Apple', value: 'apple' },
|
|
161
|
+
* { label: 'Banana', value: 'banana' },
|
|
162
|
+
* { label: 'Cherry', value: 'cherry' },
|
|
163
|
+
* ]}
|
|
164
|
+
* />
|
|
165
|
+
*/
|
|
166
|
+
declare function RhfCombobox<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ control, name, defaultValue, label, error, options, disabled, helperText, isLoadingOptions, noOptionsText, openOnFocus, slotProps, variant, clearTriggerIcon, showTrigger, allowCustomValue, onInputValueChange, }: RhfComboboxProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
|
|
149
167
|
|
|
150
168
|
type RhfInputProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & {
|
|
151
169
|
label: string;
|
|
@@ -225,12 +243,38 @@ declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Ele
|
|
|
225
243
|
|
|
226
244
|
declare const EmptyState: typeof EmptyState$1;
|
|
227
245
|
|
|
246
|
+
type ProgressRootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
|
|
247
|
+
type ProgressTrackProps = ComponentPropsWithoutRef<typeof Progress$1.Track>;
|
|
248
|
+
type ProgressRangeProps = ComponentPropsWithoutRef<typeof Progress$1.Range>;
|
|
249
|
+
type ProgressLabelProps = ComponentPropsWithoutRef<typeof Progress$1.Label>;
|
|
250
|
+
type ProgressValueTextProps = ComponentPropsWithoutRef<typeof Progress$1.ValueText>;
|
|
251
|
+
interface ProgressProps extends ProgressRootProps {
|
|
252
|
+
showValueText?: boolean;
|
|
253
|
+
valueText?: React.ReactNode;
|
|
254
|
+
label?: React.ReactNode;
|
|
255
|
+
trackProps?: ProgressTrackProps;
|
|
256
|
+
rangeProps?: ProgressRangeProps;
|
|
257
|
+
labelProps?: ProgressLabelProps;
|
|
258
|
+
valueTextProps?: ProgressValueTextProps;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
|
|
262
|
+
declare const ProgressRoot: react.ForwardRefExoticComponent<Progress$1.RootProps & react.RefAttributes<HTMLDivElement>>;
|
|
263
|
+
declare const ProgressTrack: react.ForwardRefExoticComponent<Progress$1.TrackProps & react.RefAttributes<HTMLDivElement>>;
|
|
264
|
+
declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangeProps & react.RefAttributes<HTMLDivElement>>;
|
|
265
|
+
declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
266
|
+
declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
267
|
+
|
|
228
268
|
interface TooltipProps extends Tooltip$1.RootProps {
|
|
229
|
-
content: react__default.ReactNode;
|
|
230
269
|
showArrow?: boolean;
|
|
270
|
+
portalled?: boolean;
|
|
271
|
+
portalRef?: react__default.RefObject<HTMLElement | null>;
|
|
272
|
+
content: react__default.ReactNode;
|
|
273
|
+
contentProps?: Tooltip$1.ContentProps;
|
|
274
|
+
disabled?: boolean;
|
|
231
275
|
}
|
|
232
276
|
|
|
233
|
-
declare
|
|
277
|
+
declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
|
|
234
278
|
|
|
235
279
|
declare const Dialog: typeof Dialog$1 & {
|
|
236
280
|
Portal: typeof Portal;
|
|
@@ -310,4 +354,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
310
354
|
|
|
311
355
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
312
356
|
|
|
313
|
-
export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
|
|
357
|
+
export { Accordion, type AccordionItemBodyProps, type AccordionItemContentProps, type AccordionItemIndicatorProps, type AccordionItemProps, type AccordionItemTriggerProps, type AccordionRootProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, Breadcrumb, type BreadcrumbCurrentLinkProps, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonProps, Card, CheckIcon, Checkbox, type CheckboxProps, Clipboard, _default$4 as CloseButton, type CloseButtonProps, CloseIcon, Combobox, Container, type ContainerProps, Dialog, Drawer, EmptyState, type EnumOption, Grid, GridItem, type GridItemProps, type GridProps, HStack, type HStackProps, Icon, _default$3 as IconButton, type IconButtonProps, _default as Input, type InputProps, _default$2 as Link, _default$1 as LinkOverlay, type LinkOverlayProps, type LinkProps, List, Menu, MoneyField, type MoneyFieldProps, Popover, Progress, ProgressLabel, type ProgressLabelProps, type ProgressProps, ProgressRange, type ProgressRangeProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValueText, type ProgressValueTextProps, QrCode, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RhfCombobox, type RhfComboboxOptions, type RhfComboboxProps, RhfInput, type RhfInputProps, RhfMoneyField, type RhfMoneyFieldProps, Select, Skeleton, SkeletonCircle, SkeletonText, Stack, type StackProps, Steps, type StepsCompletedContentProps, type StepsContentProps, type StepsDescriptionProps, type StepsIndicatorProps, type StepsItemProps, type StepsListProps, type StepsNextTriggerProps, type StepsNumberProps, type StepsPrevTriggerProps, type StepsRootProps, type StepsSeparatorProps, type StepsStatusProps, type StepsTitleProps, type StepsTriggerProps, Switch, type SwitchProps, Tabs, TextArea, type TextAreaProps, TextMask, type TextMaskProps, ThemeProvider, type ThemeProviderProps, Toast, Tooltip, type TooltipProps, VStack, type VStackProps, WalletIcon, theme, toaster };
|