bako-ui 0.2.2 → 0.2.4

package/dist/index.d.mts

@@ -25,10 +25,9 @@ declare function GridItem(props: GridItemProps$1): react_jsx_runtime.JSX.Element
 
 declare const Badge: react.ForwardRefExoticComponent<_chakra_ui_react.BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
-interface ButtonProps extends ButtonProps$1 {
-}
+declare const Button: react.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare function Button({ colorPalette, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+type ButtonProps = ButtonProps$1;
 
 declare const Card: typeof Card$1;
 
@@ -343,6 +342,11 @@ declare const Menu: typeof Menu$1 & {
     Portal: typeof Portal;
 };
 
+declare const floatingStyles: ({ hasValue, withStartIcon, }: {
+    hasValue: boolean;
+    withStartIcon?: boolean;
+}) => _chakra_ui_react.SystemStyleObject;
+
 declare const CheckIcon: FC<IconProps>;
 
 declare const CloseIcon: FC<IconProps>;
@@ -354,4 +358,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
 
 declare const theme: _chakra_ui_react.SystemContext;
 
-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 };
+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

@@ -25,10 +25,9 @@ declare function GridItem(props: GridItemProps$1): react_jsx_runtime.JSX.Element
 
 declare const Badge: react.ForwardRefExoticComponent<_chakra_ui_react.BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
-interface ButtonProps extends ButtonProps$1 {
-}
+declare const Button: react.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare function Button({ colorPalette, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+type ButtonProps = ButtonProps$1;
 
 declare const Card: typeof Card$1;
 
@@ -343,6 +342,11 @@ declare const Menu: typeof Menu$1 & {
     Portal: typeof Portal;
 };
 
+declare const floatingStyles: ({ hasValue, withStartIcon, }: {
+    hasValue: boolean;
+    withStartIcon?: boolean;
+}) => _chakra_ui_react.SystemStyleObject;
+
 declare const CheckIcon: FC<IconProps>;
 
 declare const CloseIcon: FC<IconProps>;
@@ -354,4 +358,4 @@ declare const ThemeProvider: (props: ThemeProviderProps) => react_jsx_runtime.JS
 
 declare const theme: _chakra_ui_react.SystemContext;
 
-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 };
+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

@@ -43,12 +43,13 @@ var text_default = react.Text;
 var heading_default = react.Heading;
 var box_default = react.Box;
 var Badge = react.Badge;
-function Button({
-  colorPalette = "primary",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Button, { colorPalette, ...props });
-}
+var Button = React.forwardRef(
+  function Button2(props, ref) {
+    const { colorPalette = "primary", ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Button, { ref, colorPalette, ...rest });
+  }
+);
+var button_default = Button;
 var Card = react.Card;
 var card_default = Card;
 var Clipboard = react.Clipboard;
@@ -202,14 +203,13 @@ var Radio = React.forwardRef(
 var radio_default = Radio;
 var floatingStyles = ({
   hasValue,
-  withStartIcon
+  withStartIcon = false
 }) => react.defineStyle({
   pos: "absolute",
   px: "1",
   top: hasValue ? "0" : "50%",
   transform: hasValue ? "none" : "translateY(-50%)",
   insetStart: withStartIcon ? "9" : "2.5",
-  color: "bg.emphasized",
   fontWeight: "normal",
   pointerEvents: "none",
   transition: "all 0.2s",
@@ -432,7 +432,7 @@ function RhfInput({
           pt: 2,
           pl: (inputGroup == null ? void 0 : inputGroup.startElement) ? "10" : "3",
           pr: (inputGroup == null ? void 0 : inputGroup.endElement) ? "10" : "3",
-          color: "fg.inverted",
+          color: "fg",
           ...rest,
           ...slotProps == null ? void 0 : slotProps.input,
           ...props,
@@ -854,8 +854,8 @@ var semanticColors = react.defineSemanticTokens.colors({
     },
     solid: {
       value: {
-        _light: "{colors.primary.default}",
-        _dark: "{colors.primary.default}"
+        _light: "{colors.primary.main}",
+        _dark: "{colors.primary.main}"
       }
     },
     muted: {
@@ -966,6 +966,14 @@ var accordionSlotRecipe = react.defineSlotRecipe({
     }
   }
 });
+var fieldSlotRecipe = react.defineSlotRecipe({
+  slots: anatomy.fieldAnatomy.keys(),
+  base: {
+    label: {
+      color: "fg.muted"
+    }
+  }
+});
 var menuSlotRecipe = react.defineSlotRecipe({
   slots: anatomy.menuAnatomy.keys(),
   base: {
@@ -1034,6 +1042,22 @@ var tabsSlotRecipe = react.defineSlotRecipe({
             color: "fg"
           }
         }
+      },
+      subtle: {
+        trigger: {
+          rounded: "lg",
+          color: "textSecondary",
+          bg: "bg.panel",
+          transition: "all 0.3s",
+          _hover: {
+            bg: "bg.muted",
+            color: "textPrimary"
+          },
+          _selected: {
+            color: "textPrimary",
+            bg: "bg.muted"
+          }
+        }
       }
     }
   }
@@ -1089,15 +1113,16 @@ var slotRecipes = {
   tabs: tabsSlotRecipe,
   progress: progessSlotRecipes,
   toast: toastSlotRecipe,
-  accordion: accordionSlotRecipe
+  accordion: accordionSlotRecipe,
+  field: fieldSlotRecipe
 };
 var colorsTokens = react.defineTokens.colors({
   primary: {
     contrast: { value: "{colors.gray.600}" },
-    default: { value: "{colors.yellow.100}" }
+    main: { value: "{colors.yellow.100}" }
   },
   secondary: {
-    default: { value: "{colors.gray.600}" },
+    main: { value: "{colors.gray.600}" },
     contrast: { value: "{colors.gray.300}" }
   },
   textPrimary: { value: "{colors.gray.100}" },
@@ -1277,7 +1302,7 @@ exports.AvatarGroup = AvatarGroup;
 exports.Badge = Badge;
 exports.Box = box_default;
 exports.Breadcrumb = Breadcrumb;
-exports.Button = Button;
+exports.Button = button_default;
 exports.Card = card_default;
 exports.CheckIcon = CheckIcon;
 exports.Checkbox = checkbox_default;
@@ -1334,6 +1359,7 @@ exports.Toast = Toast;
 exports.Tooltip = tooltip_default;
 exports.VStack = VStack;
 exports.WalletIcon = WalletIcon;
+exports.floatingStyles = floatingStyles;
 exports.theme = theme_default;
 exports.toaster = toaster;
 //# sourceMappingURL=index.js.map