bako-ui 0.4.2 → 0.5.1
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 +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.js +88 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +90 -22
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
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
|
-
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, Float, FloatProps, 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';
|
|
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, ScrollArea as ScrollArea$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, Float, FloatProps, 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, ScrollAreaRootProps, 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';
|
|
@@ -271,6 +271,8 @@ declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangePro
|
|
|
271
271
|
declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
272
272
|
declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
273
273
|
|
|
274
|
+
declare const ScrollArea: typeof ScrollArea$1;
|
|
275
|
+
|
|
274
276
|
interface TooltipProps extends Tooltip$1.RootProps {
|
|
275
277
|
showArrow?: boolean;
|
|
276
278
|
portalled?: boolean;
|
|
@@ -365,4 +367,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
365
367
|
|
|
366
368
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
367
369
|
|
|
368
|
-
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 };
|
|
370
|
+
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, ScrollArea, 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
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
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
|
-
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, Float, FloatProps, 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';
|
|
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, ScrollArea as ScrollArea$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, Float, FloatProps, 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, ScrollAreaRootProps, 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';
|
|
@@ -271,6 +271,8 @@ declare const ProgressRange: react.ForwardRefExoticComponent<Progress$1.RangePro
|
|
|
271
271
|
declare const ProgressLabel: react.ForwardRefExoticComponent<Progress$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
272
272
|
declare const ProgressValueText: react.ForwardRefExoticComponent<Progress$1.ValueTextProps & react.RefAttributes<HTMLDivElement>>;
|
|
273
273
|
|
|
274
|
+
declare const ScrollArea: typeof ScrollArea$1;
|
|
275
|
+
|
|
274
276
|
interface TooltipProps extends Tooltip$1.RootProps {
|
|
275
277
|
showArrow?: boolean;
|
|
276
278
|
portalled?: boolean;
|
|
@@ -365,4 +367,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
|
|
|
365
367
|
|
|
366
368
|
declare const theme: _chakra_ui_react.SystemContext;
|
|
367
369
|
|
|
368
|
-
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 };
|
|
370
|
+
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, ScrollArea, 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
|
@@ -418,16 +418,16 @@ function RhfInput({
|
|
|
418
418
|
[value]
|
|
419
419
|
);
|
|
420
420
|
return /* @__PURE__ */ jsxRuntime.jsxs(react.Field.Root, { invalid: !!error, children: [
|
|
421
|
-
/* @__PURE__ */ jsxRuntime.jsx(react.InputGroup, { borderRadius: "
|
|
421
|
+
/* @__PURE__ */ jsxRuntime.jsx(react.InputGroup, { borderRadius: "lg", ...inputGroup, children: /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { position: "relative", w: "full", ...slotProps == null ? void 0 : slotProps.root, children: [
|
|
422
422
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
423
423
|
react.Input,
|
|
424
424
|
{
|
|
425
425
|
value,
|
|
426
426
|
ref,
|
|
427
|
-
borderTopLeftRadius: (inputGroup == null ? void 0 : inputGroup.startAddon) ? "none" : "
|
|
428
|
-
borderBottomLeftRadius: (inputGroup == null ? void 0 : inputGroup.startAddon) ? "none" : "
|
|
429
|
-
borderTopRightRadius: (inputGroup == null ? void 0 : inputGroup.endAddon) ? "none" : "
|
|
430
|
-
borderBottomRightRadius: (inputGroup == null ? void 0 : inputGroup.endAddon) ? "none" : "
|
|
427
|
+
borderTopLeftRadius: (inputGroup == null ? void 0 : inputGroup.startAddon) ? "none" : "lg",
|
|
428
|
+
borderBottomLeftRadius: (inputGroup == null ? void 0 : inputGroup.startAddon) ? "none" : "lg",
|
|
429
|
+
borderTopRightRadius: (inputGroup == null ? void 0 : inputGroup.endAddon) ? "none" : "lg",
|
|
430
|
+
borderBottomRightRadius: (inputGroup == null ? void 0 : inputGroup.endAddon) ? "none" : "lg",
|
|
431
431
|
type,
|
|
432
432
|
onChange,
|
|
433
433
|
className: `peer ${((_a = slotProps == null ? void 0 : slotProps.input) == null ? void 0 : _a.className) || ""}`,
|
|
@@ -616,6 +616,7 @@ var ProgressTrack = react.Progress.Track;
|
|
|
616
616
|
var ProgressRange = react.Progress.Range;
|
|
617
617
|
var ProgressLabel = react.Progress.Label;
|
|
618
618
|
var ProgressValueText = react.Progress.ValueText;
|
|
619
|
+
var ScrollArea = react.ScrollArea;
|
|
619
620
|
var Tooltip = React__namespace.forwardRef(
|
|
620
621
|
function Tooltip2(props, ref) {
|
|
621
622
|
const {
|
|
@@ -755,17 +756,7 @@ var buttonRecipe = react.defineRecipe({
|
|
|
755
756
|
variants: {
|
|
756
757
|
variant: {}
|
|
757
758
|
},
|
|
758
|
-
defaultVariants: { colorPalette: "
|
|
759
|
-
});
|
|
760
|
-
var cardRecipe = react.defineRecipe({
|
|
761
|
-
variants: {
|
|
762
|
-
variant: {
|
|
763
|
-
subtle: {}
|
|
764
|
-
}
|
|
765
|
-
},
|
|
766
|
-
defaultVariants: {
|
|
767
|
-
variant: "subtle"
|
|
768
|
-
}
|
|
759
|
+
defaultVariants: { colorPalette: "yellow" }
|
|
769
760
|
});
|
|
770
761
|
var iconRecipe = react.defineRecipe({
|
|
771
762
|
variants: {
|
|
@@ -824,7 +815,6 @@ var textareaRecipe = react.defineRecipe({
|
|
|
824
815
|
// src/theme/recipes/index.ts
|
|
825
816
|
var recipes = {
|
|
826
817
|
button: buttonRecipe,
|
|
827
|
-
card: cardRecipe,
|
|
828
818
|
input: inputRecipe,
|
|
829
819
|
badge: badgeRecipe,
|
|
830
820
|
icon: iconRecipe,
|
|
@@ -1003,6 +993,50 @@ var accordionSlotRecipe = react.defineSlotRecipe({
|
|
|
1003
993
|
}
|
|
1004
994
|
}
|
|
1005
995
|
});
|
|
996
|
+
var cardSlotRecipe = react.defineSlotRecipe({
|
|
997
|
+
slots: anatomy.cardAnatomy.keys(),
|
|
998
|
+
base: {
|
|
999
|
+
root: {
|
|
1000
|
+
borderRadius: "2xl"
|
|
1001
|
+
}
|
|
1002
|
+
},
|
|
1003
|
+
variants: {
|
|
1004
|
+
variant: {
|
|
1005
|
+
subtle: {
|
|
1006
|
+
root: {
|
|
1007
|
+
bg: "bg.panel"
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
},
|
|
1012
|
+
defaultVariants: {
|
|
1013
|
+
variant: "subtle"
|
|
1014
|
+
}
|
|
1015
|
+
});
|
|
1016
|
+
var checkboxSlotRecipe = react.defineSlotRecipe({
|
|
1017
|
+
slots: anatomy.checkboxAnatomy.keys(),
|
|
1018
|
+
base: {
|
|
1019
|
+
control: {
|
|
1020
|
+
borderRadius: "sm"
|
|
1021
|
+
}
|
|
1022
|
+
}
|
|
1023
|
+
});
|
|
1024
|
+
var comboboxSlotRecipe = react.defineSlotRecipe({
|
|
1025
|
+
slots: anatomy.comboboxAnatomy.keys(),
|
|
1026
|
+
base: {
|
|
1027
|
+
input: {
|
|
1028
|
+
borderRadius: "lg"
|
|
1029
|
+
}
|
|
1030
|
+
}
|
|
1031
|
+
});
|
|
1032
|
+
var dialogSlotRecipe = react.defineSlotRecipe({
|
|
1033
|
+
slots: anatomy.dialogAnatomy.keys(),
|
|
1034
|
+
base: {
|
|
1035
|
+
content: {
|
|
1036
|
+
borderRadius: "2xl"
|
|
1037
|
+
}
|
|
1038
|
+
}
|
|
1039
|
+
});
|
|
1006
1040
|
var fieldSlotRecipe = react.defineSlotRecipe({
|
|
1007
1041
|
slots: anatomy.fieldAnatomy.keys(),
|
|
1008
1042
|
base: {
|
|
@@ -1015,7 +1049,8 @@ var menuSlotRecipe = react.defineSlotRecipe({
|
|
|
1015
1049
|
slots: anatomy.menuAnatomy.keys(),
|
|
1016
1050
|
base: {
|
|
1017
1051
|
content: {
|
|
1018
|
-
color: "primary.fg"
|
|
1052
|
+
color: "primary.fg",
|
|
1053
|
+
borderRadius: "2xl"
|
|
1019
1054
|
},
|
|
1020
1055
|
item: {
|
|
1021
1056
|
color: "primary.fg"
|
|
@@ -1033,6 +1068,14 @@ var menuSlotRecipe = react.defineSlotRecipe({
|
|
|
1033
1068
|
}
|
|
1034
1069
|
}
|
|
1035
1070
|
});
|
|
1071
|
+
var popoverSlotRecipe = react.defineSlotRecipe({
|
|
1072
|
+
slots: anatomy.popoverAnatomy.keys(),
|
|
1073
|
+
base: {
|
|
1074
|
+
content: {
|
|
1075
|
+
borderRadius: "lg"
|
|
1076
|
+
}
|
|
1077
|
+
}
|
|
1078
|
+
});
|
|
1036
1079
|
var progessSlotRecipes = react.defineSlotRecipe({
|
|
1037
1080
|
slots: anatomy.progressAnatomy.keys(),
|
|
1038
1081
|
variants: {
|
|
@@ -1055,6 +1098,14 @@ var progessSlotRecipes = react.defineSlotRecipe({
|
|
|
1055
1098
|
}
|
|
1056
1099
|
}
|
|
1057
1100
|
});
|
|
1101
|
+
var selectSlotRecipe = react.defineSlotRecipe({
|
|
1102
|
+
slots: anatomy.selectAnatomy.keys(),
|
|
1103
|
+
base: {
|
|
1104
|
+
trigger: {
|
|
1105
|
+
borderRadius: "lg"
|
|
1106
|
+
}
|
|
1107
|
+
}
|
|
1108
|
+
});
|
|
1058
1109
|
var tabsSlotRecipe = react.defineSlotRecipe({
|
|
1059
1110
|
slots: anatomy.tabsAnatomy.keys(),
|
|
1060
1111
|
variants: {
|
|
@@ -1143,15 +1194,32 @@ var toastSlotRecipe = react.defineSlotRecipe({
|
|
|
1143
1194
|
}
|
|
1144
1195
|
}
|
|
1145
1196
|
});
|
|
1197
|
+
var tooltipSlotRecipe = react.defineSlotRecipe({
|
|
1198
|
+
slots: anatomy.tooltipAnatomy.keys(),
|
|
1199
|
+
base: {
|
|
1200
|
+
content: {
|
|
1201
|
+
"--tooltip-bg": "colors.bg.muted",
|
|
1202
|
+
color: "fg",
|
|
1203
|
+
borderRadius: "lg"
|
|
1204
|
+
}
|
|
1205
|
+
}
|
|
1206
|
+
});
|
|
1146
1207
|
|
|
1147
1208
|
// src/theme/slot-recipes/index.ts
|
|
1148
1209
|
var slotRecipes = {
|
|
1210
|
+
card: cardSlotRecipe,
|
|
1149
1211
|
menu: menuSlotRecipe,
|
|
1150
1212
|
tabs: tabsSlotRecipe,
|
|
1151
1213
|
progress: progessSlotRecipes,
|
|
1152
1214
|
toast: toastSlotRecipe,
|
|
1153
1215
|
accordion: accordionSlotRecipe,
|
|
1154
|
-
field: fieldSlotRecipe
|
|
1216
|
+
field: fieldSlotRecipe,
|
|
1217
|
+
select: selectSlotRecipe,
|
|
1218
|
+
dialog: dialogSlotRecipe,
|
|
1219
|
+
combobox: comboboxSlotRecipe,
|
|
1220
|
+
checkbox: checkboxSlotRecipe,
|
|
1221
|
+
tooltip: tooltipSlotRecipe,
|
|
1222
|
+
popover: popoverSlotRecipe
|
|
1155
1223
|
};
|
|
1156
1224
|
var colorsTokens = react.defineTokens.colors({
|
|
1157
1225
|
primary: {
|
|
@@ -1420,6 +1488,7 @@ exports.RadioGroup = RadioGroup;
|
|
|
1420
1488
|
exports.RhfCombobox = RhfCombobox;
|
|
1421
1489
|
exports.RhfInput = RhfInput;
|
|
1422
1490
|
exports.RhfMoneyField = RhfMoneyField;
|
|
1491
|
+
exports.ScrollArea = ScrollArea;
|
|
1423
1492
|
exports.Select = Select;
|
|
1424
1493
|
exports.Separator = separator_default;
|
|
1425
1494
|
exports.Skeleton = Skeleton;
|