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 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(props: AvatarProps): react_jsx_runtime.JSX.Element;
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(props: AvatarProps): react_jsx_runtime.JSX.Element;
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.inverted",
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(props) {
566
- const { name, src, fallback, slotProps, ...rest } = props;
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
- return /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar.Root, { ...rest, children: [
569
- src && /* @__PURE__ */ jsxRuntime.jsx(react.Avatar.Image, { src, alt: name, ...imageProps }),
570
- /* @__PURE__ */ jsxRuntime.jsx(react.Avatar.Fallback, { name, ...fallbackProps, children: fallback || (name ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(react.Avatar.Icon, {})) })
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