@umami/react-zen 0.243.0 → 0.245.0

package/dist/index.d.mts

@@ -201,6 +201,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     marginRight?: Responsive$1<Spacing>;
     marginBottom?: Responsive$1<Spacing>;
     marginLeft?: Responsive$1<Spacing>;
+    spaceX?: Responsive$1<Spacing>;
+    spaceY?: Responsive$1<Spacing>;
     width?: Responsive$1<Width | string>;
     minWidth?: Responsive$1<MinWidth | string>;
     maxWidth?: Responsive$1<MaxWidth | string>;
@@ -500,7 +502,7 @@ interface TooltipProps extends TooltipProps$1 {
     children?: ReactNode;
     showArrow?: boolean;
 }
-declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, className, offset, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     showArrow?: boolean;
@@ -688,6 +690,7 @@ declare function mapPointerEvents(value: Responsive<string> | undefined): string
 declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
 declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
 declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapSpace(value: Responsive<string> | undefined, axis: 'x' | 'y'): string;
 declare function mapFontSize(value: Responsive<string> | undefined): string;
 declare function mapHeadingSize(value: Responsive<string> | undefined): string;
 declare function mapFontWeight(value: Responsive<string> | undefined): string;
@@ -991,4 +994,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapSpace, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };

package/dist/index.d.ts

@@ -201,6 +201,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     marginRight?: Responsive$1<Spacing>;
     marginBottom?: Responsive$1<Spacing>;
     marginLeft?: Responsive$1<Spacing>;
+    spaceX?: Responsive$1<Spacing>;
+    spaceY?: Responsive$1<Spacing>;
     width?: Responsive$1<Width | string>;
     minWidth?: Responsive$1<MinWidth | string>;
     maxWidth?: Responsive$1<MaxWidth | string>;
@@ -500,7 +502,7 @@ interface TooltipProps extends TooltipProps$1 {
     children?: ReactNode;
     showArrow?: boolean;
 }
-declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, className, offset, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     showArrow?: boolean;
@@ -688,6 +690,7 @@ declare function mapPointerEvents(value: Responsive<string> | undefined): string
 declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
 declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
 declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
+declare function mapSpace(value: Responsive<string> | undefined, axis: 'x' | 'y'): string;
 declare function mapFontSize(value: Responsive<string> | undefined): string;
 declare function mapHeadingSize(value: Responsive<string> | undefined): string;
 declare function mapFontWeight(value: Responsive<string> | undefined): string;
@@ -991,4 +994,4 @@ interface ZenProviderProps {
 }
 declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapSpace, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };

package/dist/index.js

@@ -1071,6 +1071,80 @@ var gapYMap = {
   "32": "gap-y-32",
   true: "gap-y-[var(--gap-default)]"
 };
+var spaceXMap = {
+  "0": "space-x-0",
+  px: "space-x-px",
+  "0.5": "space-x-0.5",
+  "1": "space-x-1",
+  "1.5": "space-x-1.5",
+  "2": "space-x-2",
+  "2.5": "space-x-2.5",
+  "3": "space-x-3",
+  "3.5": "space-x-3.5",
+  "4": "space-x-4",
+  "5": "space-x-5",
+  "6": "space-x-6",
+  "7": "space-x-7",
+  "8": "space-x-8",
+  "9": "space-x-9",
+  "10": "space-x-10",
+  "11": "space-x-11",
+  "12": "space-x-12",
+  "14": "space-x-14",
+  "16": "space-x-16",
+  "20": "space-x-20",
+  "24": "space-x-24",
+  "28": "space-x-28",
+  "32": "space-x-32",
+  "36": "space-x-36",
+  "40": "space-x-40",
+  "44": "space-x-44",
+  "48": "space-x-48",
+  "52": "space-x-52",
+  "56": "space-x-56",
+  "60": "space-x-60",
+  "64": "space-x-64",
+  "72": "space-x-72",
+  "80": "space-x-80",
+  "96": "space-x-96"
+};
+var spaceYMap = {
+  "0": "space-y-0",
+  px: "space-y-px",
+  "0.5": "space-y-0.5",
+  "1": "space-y-1",
+  "1.5": "space-y-1.5",
+  "2": "space-y-2",
+  "2.5": "space-y-2.5",
+  "3": "space-y-3",
+  "3.5": "space-y-3.5",
+  "4": "space-y-4",
+  "5": "space-y-5",
+  "6": "space-y-6",
+  "7": "space-y-7",
+  "8": "space-y-8",
+  "9": "space-y-9",
+  "10": "space-y-10",
+  "11": "space-y-11",
+  "12": "space-y-12",
+  "14": "space-y-14",
+  "16": "space-y-16",
+  "20": "space-y-20",
+  "24": "space-y-24",
+  "28": "space-y-28",
+  "32": "space-y-32",
+  "36": "space-y-36",
+  "40": "space-y-40",
+  "44": "space-y-44",
+  "48": "space-y-48",
+  "52": "space-y-52",
+  "56": "space-y-56",
+  "60": "space-y-60",
+  "64": "space-y-64",
+  "72": "space-y-72",
+  "80": "space-y-80",
+  "96": "space-y-96"
+};
 var fontSizeMap = {
   xs: "text-xs",
   sm: "text-sm",
@@ -1532,6 +1606,10 @@ function mapGap(value, axis) {
   const map = axis === "x" ? gapXMap : axis === "y" ? gapYMap : gapMap;
   return mapResponsive(value, (v) => map[String(v)]);
 }
+function mapSpace(value, axis) {
+  const map = axis === "x" ? spaceXMap : spaceYMap;
+  return mapResponsive(value, (v) => map[String(v)]);
+}
 function mapFontSize(value) {
   return mapResponsive(value, (v) => fontSizeMap[v]);
 }
@@ -2531,6 +2609,8 @@ var Box = react.forwardRef(function Box2({
   marginRight,
   marginBottom,
   marginLeft,
+  spaceX,
+  spaceY,
   width,
   minWidth,
   maxWidth,
@@ -2600,6 +2680,8 @@ var Box = react.forwardRef(function Box2({
     mapMargin(marginRight, "r"),
     mapMargin(marginBottom, "b"),
     mapMargin(marginLeft, "l"),
+    mapSpace(spaceX, "x"),
+    mapSpace(spaceY, "y"),
     mapWidth(width),
     mapMinWidth(minWidth),
     mapMaxWidth(maxWidth),
@@ -3603,8 +3685,8 @@ function Dots({ size = "md", className, color: _color, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsx(Dot, { size })
   ] });
 }
-function Tooltip({ children, className, showArrow, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Tooltip, { ...props, className: cn("group", tooltip(), className), children: [
+function Tooltip({ children, className, offset = 8, showArrow, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Tooltip, { ...props, offset, className: cn("group", tooltip(), className), children: [
     showArrow && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { className: "w-2 h-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
@@ -5326,6 +5408,7 @@ exports.mapPadding = mapPadding;
 exports.mapPointerEvents = mapPointerEvents;
 exports.mapPosition = mapPosition;
 exports.mapShadow = mapShadow;
+exports.mapSpace = mapSpace;
 exports.mapStateStyles = mapStateStyles;
 exports.mapTextAlign = mapTextAlign;
 exports.mapTextColor = mapTextColor;