bako-ui 0.4.0 → 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 +98 -20
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +100 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
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: {
|
|
@@ -784,6 +775,9 @@ var iconRecipe = react.defineRecipe({
|
|
|
784
775
|
}
|
|
785
776
|
});
|
|
786
777
|
var inputRecipe = react.defineRecipe({
|
|
778
|
+
base: {
|
|
779
|
+
borderRadius: "lg"
|
|
780
|
+
},
|
|
787
781
|
variants: {
|
|
788
782
|
variant: {
|
|
789
783
|
outline: {
|
|
@@ -812,15 +806,20 @@ var linkRecipe = react.defineRecipe({
|
|
|
812
806
|
}
|
|
813
807
|
}
|
|
814
808
|
});
|
|
809
|
+
var textareaRecipe = react.defineRecipe({
|
|
810
|
+
base: {
|
|
811
|
+
borderRadius: "lg"
|
|
812
|
+
}
|
|
813
|
+
});
|
|
815
814
|
|
|
816
815
|
// src/theme/recipes/index.ts
|
|
817
816
|
var recipes = {
|
|
818
817
|
button: buttonRecipe,
|
|
819
|
-
card: cardRecipe,
|
|
820
818
|
input: inputRecipe,
|
|
821
819
|
badge: badgeRecipe,
|
|
822
820
|
icon: iconRecipe,
|
|
823
|
-
link: linkRecipe
|
|
821
|
+
link: linkRecipe,
|
|
822
|
+
textarea: textareaRecipe
|
|
824
823
|
};
|
|
825
824
|
var semanticColors = react.defineSemanticTokens.colors({
|
|
826
825
|
bg: {
|
|
@@ -994,6 +993,50 @@ var accordionSlotRecipe = react.defineSlotRecipe({
|
|
|
994
993
|
}
|
|
995
994
|
}
|
|
996
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
|
+
});
|
|
997
1040
|
var fieldSlotRecipe = react.defineSlotRecipe({
|
|
998
1041
|
slots: anatomy.fieldAnatomy.keys(),
|
|
999
1042
|
base: {
|
|
@@ -1006,7 +1049,8 @@ var menuSlotRecipe = react.defineSlotRecipe({
|
|
|
1006
1049
|
slots: anatomy.menuAnatomy.keys(),
|
|
1007
1050
|
base: {
|
|
1008
1051
|
content: {
|
|
1009
|
-
color: "primary.fg"
|
|
1052
|
+
color: "primary.fg",
|
|
1053
|
+
borderRadius: "2xl"
|
|
1010
1054
|
},
|
|
1011
1055
|
item: {
|
|
1012
1056
|
color: "primary.fg"
|
|
@@ -1024,6 +1068,14 @@ var menuSlotRecipe = react.defineSlotRecipe({
|
|
|
1024
1068
|
}
|
|
1025
1069
|
}
|
|
1026
1070
|
});
|
|
1071
|
+
var popoverSlotRecipe = react.defineSlotRecipe({
|
|
1072
|
+
slots: anatomy.popoverAnatomy.keys(),
|
|
1073
|
+
base: {
|
|
1074
|
+
content: {
|
|
1075
|
+
borderRadius: "lg"
|
|
1076
|
+
}
|
|
1077
|
+
}
|
|
1078
|
+
});
|
|
1027
1079
|
var progessSlotRecipes = react.defineSlotRecipe({
|
|
1028
1080
|
slots: anatomy.progressAnatomy.keys(),
|
|
1029
1081
|
variants: {
|
|
@@ -1046,6 +1098,14 @@ var progessSlotRecipes = react.defineSlotRecipe({
|
|
|
1046
1098
|
}
|
|
1047
1099
|
}
|
|
1048
1100
|
});
|
|
1101
|
+
var selectSlotRecipe = react.defineSlotRecipe({
|
|
1102
|
+
slots: anatomy.selectAnatomy.keys(),
|
|
1103
|
+
base: {
|
|
1104
|
+
trigger: {
|
|
1105
|
+
borderRadius: "lg"
|
|
1106
|
+
}
|
|
1107
|
+
}
|
|
1108
|
+
});
|
|
1049
1109
|
var tabsSlotRecipe = react.defineSlotRecipe({
|
|
1050
1110
|
slots: anatomy.tabsAnatomy.keys(),
|
|
1051
1111
|
variants: {
|
|
@@ -1134,15 +1194,32 @@ var toastSlotRecipe = react.defineSlotRecipe({
|
|
|
1134
1194
|
}
|
|
1135
1195
|
}
|
|
1136
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
|
+
});
|
|
1137
1207
|
|
|
1138
1208
|
// src/theme/slot-recipes/index.ts
|
|
1139
1209
|
var slotRecipes = {
|
|
1210
|
+
card: cardSlotRecipe,
|
|
1140
1211
|
menu: menuSlotRecipe,
|
|
1141
1212
|
tabs: tabsSlotRecipe,
|
|
1142
1213
|
progress: progessSlotRecipes,
|
|
1143
1214
|
toast: toastSlotRecipe,
|
|
1144
1215
|
accordion: accordionSlotRecipe,
|
|
1145
|
-
field: fieldSlotRecipe
|
|
1216
|
+
field: fieldSlotRecipe,
|
|
1217
|
+
select: selectSlotRecipe,
|
|
1218
|
+
dialog: dialogSlotRecipe,
|
|
1219
|
+
combobox: comboboxSlotRecipe,
|
|
1220
|
+
checkbox: checkboxSlotRecipe,
|
|
1221
|
+
tooltip: tooltipSlotRecipe,
|
|
1222
|
+
popover: popoverSlotRecipe
|
|
1146
1223
|
};
|
|
1147
1224
|
var colorsTokens = react.defineTokens.colors({
|
|
1148
1225
|
primary: {
|
|
@@ -1411,6 +1488,7 @@ exports.RadioGroup = RadioGroup;
|
|
|
1411
1488
|
exports.RhfCombobox = RhfCombobox;
|
|
1412
1489
|
exports.RhfInput = RhfInput;
|
|
1413
1490
|
exports.RhfMoneyField = RhfMoneyField;
|
|
1491
|
+
exports.ScrollArea = ScrollArea;
|
|
1414
1492
|
exports.Select = Select;
|
|
1415
1493
|
exports.Separator = separator_default;
|
|
1416
1494
|
exports.Skeleton = Skeleton;
|