bako-ui 0.2.3 → 0.2.5
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 +14 -3
- package/dist/index.d.ts +14 -3
- package/dist/index.js +47 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +38 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import react__default, { ComponentPropsWithoutRef, FC } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
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
|
-
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';
|
|
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, UseSelectProps, UseSelectReturn, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSelect, useSelectContext, useSelectItemContext, 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';
|
|
8
8
|
import { Mask, Options } from 'use-mask-input';
|
|
@@ -228,7 +228,13 @@ interface AvatarProps extends Avatar$1.RootProps {
|
|
|
228
228
|
* The source URL of the avatar image to display.
|
|
229
229
|
*/
|
|
230
230
|
src?: string;
|
|
231
|
+
/**
|
|
232
|
+
* The fallback content to display when the image fails to load.
|
|
233
|
+
*/
|
|
231
234
|
fallback?: React.ReactNode;
|
|
235
|
+
/**
|
|
236
|
+
* Props to pass to the different slots of the Avatar component
|
|
237
|
+
*/
|
|
232
238
|
slotProps?: {
|
|
233
239
|
image?: Avatar$1.ImageProps;
|
|
234
240
|
fallback?: Avatar$1.FallbackProps;
|
|
@@ -237,7 +243,7 @@ interface AvatarProps extends Avatar$1.RootProps {
|
|
|
237
243
|
interface AvatarGroupProps extends GroupProps {
|
|
238
244
|
}
|
|
239
245
|
|
|
240
|
-
declare function Avatar(
|
|
246
|
+
declare function Avatar({ name, src, fallback, slotProps, shape, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
241
247
|
declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
242
248
|
|
|
243
249
|
declare const EmptyState: typeof EmptyState$1;
|
|
@@ -342,6 +348,11 @@ declare const Menu: typeof Menu$1 & {
|
|
|
342
348
|
Portal: typeof Portal;
|
|
343
349
|
};
|
|
344
350
|
|
|
351
|
+
declare const floatingStyles: ({ hasValue, withStartIcon, }: {
|
|
352
|
+
hasValue: boolean;
|
|
353
|
+
withStartIcon?: boolean;
|
|
354
|
+
}) => _chakra_ui_react.SystemStyleObject;
|
|
355
|
+
|
|
345
356
|
declare const CheckIcon: FC<IconProps>;
|
|
346
357
|
|
|
347
358
|
declare const CloseIcon: FC<IconProps>;
|
|
@@ -353,4 +364,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
353
364
|
|
|
354
365
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
355
366
|
|
|
356
|
-
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 };
|
|
367
|
+
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, floatingStyles, theme, toaster };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import react__default, { ComponentPropsWithoutRef, FC } from 'react';
|
|
3
3
|
import * as _chakra_ui_react from '@chakra-ui/react';
|
|
4
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
|
-
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';
|
|
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, UseSelectProps, UseSelectReturn, createIcon, createListCollection, createToaster, useAccordion, useAccordionContext, useAccordionItemContext, useClipboard, useMediaQuery, useSelect, useSelectContext, useSelectItemContext, 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';
|
|
8
8
|
import { Mask, Options } from 'use-mask-input';
|
|
@@ -228,7 +228,13 @@ interface AvatarProps extends Avatar$1.RootProps {
|
|
|
228
228
|
* The source URL of the avatar image to display.
|
|
229
229
|
*/
|
|
230
230
|
src?: string;
|
|
231
|
+
/**
|
|
232
|
+
* The fallback content to display when the image fails to load.
|
|
233
|
+
*/
|
|
231
234
|
fallback?: React.ReactNode;
|
|
235
|
+
/**
|
|
236
|
+
* Props to pass to the different slots of the Avatar component
|
|
237
|
+
*/
|
|
232
238
|
slotProps?: {
|
|
233
239
|
image?: Avatar$1.ImageProps;
|
|
234
240
|
fallback?: Avatar$1.FallbackProps;
|
|
@@ -237,7 +243,7 @@ interface AvatarProps extends Avatar$1.RootProps {
|
|
|
237
243
|
interface AvatarGroupProps extends GroupProps {
|
|
238
244
|
}
|
|
239
245
|
|
|
240
|
-
declare function Avatar(
|
|
246
|
+
declare function Avatar({ name, src, fallback, slotProps, shape, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
241
247
|
declare function AvatarGroup(props: AvatarGroupProps): react_jsx_runtime.JSX.Element;
|
|
242
248
|
|
|
243
249
|
declare const EmptyState: typeof EmptyState$1;
|
|
@@ -342,6 +348,11 @@ declare const Menu: typeof Menu$1 & {
|
|
|
342
348
|
Portal: typeof Portal;
|
|
343
349
|
};
|
|
344
350
|
|
|
351
|
+
declare const floatingStyles: ({ hasValue, withStartIcon, }: {
|
|
352
|
+
hasValue: boolean;
|
|
353
|
+
withStartIcon?: boolean;
|
|
354
|
+
}) => _chakra_ui_react.SystemStyleObject;
|
|
355
|
+
|
|
345
356
|
declare const CheckIcon: FC<IconProps>;
|
|
346
357
|
|
|
347
358
|
declare const CloseIcon: FC<IconProps>;
|
|
@@ -353,4 +364,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
353
364
|
|
|
354
365
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
355
366
|
|
|
356
|
-
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 };
|
|
367
|
+
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, floatingStyles, theme, toaster };
|
package/dist/index.js
CHANGED
|
@@ -203,14 +203,13 @@ var Radio = React.forwardRef(
|
|
|
203
203
|
var radio_default = Radio;
|
|
204
204
|
var floatingStyles = ({
|
|
205
205
|
hasValue,
|
|
206
|
-
withStartIcon
|
|
206
|
+
withStartIcon = false
|
|
207
207
|
}) => react.defineStyle({
|
|
208
208
|
pos: "absolute",
|
|
209
209
|
px: "1",
|
|
210
210
|
top: hasValue ? "0" : "50%",
|
|
211
211
|
transform: hasValue ? "none" : "translateY(-50%)",
|
|
212
212
|
insetStart: withStartIcon ? "9" : "2.5",
|
|
213
|
-
color: "bg.emphasized",
|
|
214
213
|
fontWeight: "normal",
|
|
215
214
|
pointerEvents: "none",
|
|
216
215
|
transition: "all 0.2s",
|
|
@@ -433,7 +432,7 @@ function RhfInput({
|
|
|
433
432
|
pt: 2,
|
|
434
433
|
pl: (inputGroup == null ? void 0 : inputGroup.startElement) ? "10" : "3",
|
|
435
434
|
pr: (inputGroup == null ? void 0 : inputGroup.endElement) ? "10" : "3",
|
|
436
|
-
color: "fg
|
|
435
|
+
color: "fg",
|
|
437
436
|
...rest,
|
|
438
437
|
...slotProps == null ? void 0 : slotProps.input,
|
|
439
438
|
...props,
|
|
@@ -562,12 +561,29 @@ var TextMask = React.forwardRef(
|
|
|
562
561
|
}
|
|
563
562
|
);
|
|
564
563
|
var text_mask_default = TextMask;
|
|
565
|
-
function Avatar(
|
|
566
|
-
|
|
564
|
+
function Avatar({
|
|
565
|
+
name,
|
|
566
|
+
src,
|
|
567
|
+
fallback,
|
|
568
|
+
slotProps,
|
|
569
|
+
shape = "full",
|
|
570
|
+
...rest
|
|
571
|
+
}) {
|
|
572
|
+
const avatar = react.useAvatar();
|
|
567
573
|
const { image: imageProps = {}, fallback: fallbackProps = {} } = slotProps || {};
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
574
|
+
const SkeletonComponent = shape === "full" ? SkeletonCircle : Skeleton;
|
|
575
|
+
const isLoading = !!(src && !avatar.loaded);
|
|
576
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar.Root, { shape, ...rest, children: [
|
|
577
|
+
src && /* @__PURE__ */ jsxRuntime.jsx(SkeletonComponent, { boxSize: "full", loading: isLoading, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
578
|
+
react.Avatar.Image,
|
|
579
|
+
{
|
|
580
|
+
onLoad: avatar.setLoaded,
|
|
581
|
+
src,
|
|
582
|
+
alt: name,
|
|
583
|
+
...imageProps
|
|
584
|
+
}
|
|
585
|
+
) }),
|
|
586
|
+
!isLoading && /* @__PURE__ */ jsxRuntime.jsx(react.Avatar.Fallback, { name, ...fallbackProps, children: fallback || (name ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(react.Avatar.Icon, {})) })
|
|
571
587
|
] });
|
|
572
588
|
}
|
|
573
589
|
function AvatarGroup(props) {
|
|
@@ -967,6 +983,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
|
|
|
967
983
|
}
|
|
968
984
|
}
|
|
969
985
|
});
|
|
986
|
+
var fieldSlotRecipe = react.defineSlotRecipe({
|
|
987
|
+
slots: anatomy.fieldAnatomy.keys(),
|
|
988
|
+
base: {
|
|
989
|
+
label: {
|
|
990
|
+
color: "fg.muted"
|
|
991
|
+
}
|
|
992
|
+
}
|
|
993
|
+
});
|
|
970
994
|
var menuSlotRecipe = react.defineSlotRecipe({
|
|
971
995
|
slots: anatomy.menuAnatomy.keys(),
|
|
972
996
|
base: {
|
|
@@ -1106,7 +1130,8 @@ var slotRecipes = {
|
|
|
1106
1130
|
tabs: tabsSlotRecipe,
|
|
1107
1131
|
progress: progessSlotRecipes,
|
|
1108
1132
|
toast: toastSlotRecipe,
|
|
1109
|
-
accordion: accordionSlotRecipe
|
|
1133
|
+
accordion: accordionSlotRecipe,
|
|
1134
|
+
field: fieldSlotRecipe
|
|
1110
1135
|
};
|
|
1111
1136
|
var colorsTokens = react.defineTokens.colors({
|
|
1112
1137
|
primary: {
|
|
@@ -1276,6 +1301,18 @@ Object.defineProperty(exports, "useMediaQuery", {
|
|
|
1276
1301
|
enumerable: true,
|
|
1277
1302
|
get: function () { return react.useMediaQuery; }
|
|
1278
1303
|
});
|
|
1304
|
+
Object.defineProperty(exports, "useSelect", {
|
|
1305
|
+
enumerable: true,
|
|
1306
|
+
get: function () { return react.useSelect; }
|
|
1307
|
+
});
|
|
1308
|
+
Object.defineProperty(exports, "useSelectContext", {
|
|
1309
|
+
enumerable: true,
|
|
1310
|
+
get: function () { return react.useSelectContext; }
|
|
1311
|
+
});
|
|
1312
|
+
Object.defineProperty(exports, "useSelectItemContext", {
|
|
1313
|
+
enumerable: true,
|
|
1314
|
+
get: function () { return react.useSelectItemContext; }
|
|
1315
|
+
});
|
|
1279
1316
|
Object.defineProperty(exports, "useSteps", {
|
|
1280
1317
|
enumerable: true,
|
|
1281
1318
|
get: function () { return react.useSteps; }
|
|
@@ -1351,6 +1388,7 @@ exports.Toast = Toast;
|
|
|
1351
1388
|
exports.Tooltip = tooltip_default;
|
|
1352
1389
|
exports.VStack = VStack;
|
|
1353
1390
|
exports.WalletIcon = WalletIcon;
|
|
1391
|
+
exports.floatingStyles = floatingStyles;
|
|
1354
1392
|
exports.theme = theme_default;
|
|
1355
1393
|
exports.toaster = toaster;
|
|
1356
1394
|
//# sourceMappingURL=index.js.map
|