@umami/react-zen 0.63.0 → 0.64.0

package/dist/index.css

@@ -1,24 +1,25 @@
 /* virtual-css:css:fd9059b0b8139e56f974f8291736b4c8 */
-.Icon_icon__YWI0Z {
+.Icon_icon__NzNmN {
   display: inline-block;
+  flex-shrink: 0;
 }
-.Icon_xs__ZjRhN {
+.Icon_xs__MDhiY {
   width: 12px;
   height: 12px;
 }
-.Icon_sm__OGRmY {
+.Icon_sm__ZWU0N {
   width: 16px;
   height: 16px;
 }
-.Icon_md__NTUzO {
+.Icon_md__YTY3Y {
   width: 24px;
   height: 24px;
 }
-.Icon_lg__M2ZjZ {
+.Icon_lg__ZGJlZ {
   width: 32px;
   height: 32px;
 }
-.Icon_xl__N2E1Y {
+.Icon_xl__MDU3Y {
   width: 48px;
   height: 48px;
 }
@@ -2236,7 +2237,7 @@
 }
 
 /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
-.Button_button__NmQ1Z {
+.Button_button__ZTY3M {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2255,85 +2256,85 @@
   line-height: 1.5;
   --button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
 }
-.Button_button__NmQ1Z:disabled {
+.Button_button__ZTY3M:disabled {
   color: var(--font-color-muted);
   pointer-events: none;
 }
-.Button_button__NmQ1Z:hover {
+.Button_button__ZTY3M:hover {
   background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
 }
-.Button_button__NmQ1Z[data-pressed] {
+.Button_button__ZTY3M[data-pressed] {
   background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
 }
-.Button_button__NmQ1Z.Button_primary__OTA1N {
+.Button_button__ZTY3M.Button_primary__YzkyZ {
   color: var(--primary-font-color) !important;
   background: var(--primary-color);
 }
-.Button_button__NmQ1Z.Button_primary__OTA1N:hover {
+.Button_button__ZTY3M.Button_primary__YzkyZ:hover {
   background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
 }
-.Button_button__NmQ1Z.Button_primary__OTA1N[data-pressed] {
+.Button_button__ZTY3M.Button_primary__YzkyZ[data-pressed] {
   background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
 }
-.Button_button__NmQ1Z.Button_primary__OTA1N:disabled {
+.Button_button__ZTY3M.Button_primary__YzkyZ:disabled {
   color: var(--primary-font-color);
   background: var(--base-color-9);
 }
-.Button_button__NmQ1Z.Button_outline__M2Y2Y {
-  background: transparent;
+.Button_button__ZTY3M.Button_outline__OGU2Z {
+  background: var(--background-color);
   border: var(--border);
   box-shadow: var(--box-shadow-1);
 }
-.Button_button__NmQ1Z.Button_outline__M2Y2Y:hover {
-  background: var(--highlight-color);
+.Button_button__ZTY3M.Button_outline__OGU2Z:hover {
+  border-color: var(--border-color-3);
 }
-.Button_button__NmQ1Z.Button_outline__M2Y2Y[data-pressed] {
-  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
+.Button_button__ZTY3M.Button_outline__OGU2Z[data-pressed] {
+  background: var(--highlight-color);
 }
-.Button_button__NmQ1Z.Button_quiet__ZWIxO {
+.Button_button__ZTY3M.Button_quiet__ZTliZ {
   background: transparent;
 }
-.Button_button__NmQ1Z.Button_quiet__ZWIxO:hover {
+.Button_button__ZTY3M.Button_quiet__ZTliZ:hover {
   background: var(--highlight-color);
 }
-.Button_button__NmQ1Z.Button_quiet__ZWIxO[data-pressed] {
+.Button_button__ZTY3M.Button_quiet__ZTliZ[data-pressed] {
   background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
 }
-.Button_button__NmQ1Z.Button_danger__NmE2Y {
+.Button_button__ZTY3M.Button_danger__ZDc1M {
   color: var(--light-color);
   background: var(--danger-color);
 }
-.Button_button__NmQ1Z.Button_danger__NmE2Y:hover {
+.Button_button__ZTY3M.Button_danger__ZDc1M:hover {
   background: color-mix(in srgb, var(--danger-color), 6% black);
 }
-.Button_button__NmQ1Z.Button_danger__NmE2Y[data-pressed] {
+.Button_button__ZTY3M.Button_danger__ZDc1M[data-pressed] {
   background: color-mix(in srgb, var(--danger-color), 12% black);
 }
-.Button_button__NmQ1Z.Button_danger__NmE2Y:disabled {
+.Button_button__ZTY3M.Button_danger__ZDc1M:disabled {
   color: var(--primary-font-color);
   background: var(--base-color-8);
 }
-.Button_button__NmQ1Z.Button_sm__ZTRkN {
+.Button_button__ZTY3M.Button_sm__NzRiZ {
   font-size: calc(0.9 * var(--font-size));
   padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
   min-height: calc(0.9 * var(--button-height));
 }
-.Button_button__NmQ1Z.Button_md__ZDE4Z {
+.Button_button__ZTY3M.Button_md__ZTZiM {
   font-size: var(--font-size);
   padding: var(--padding);
   min-height: var(--button-height);
 }
-.Button_button__NmQ1Z.Button_lg__Yjk1O {
+.Button_button__ZTY3M.Button_lg__ODE0Z {
   font-size: calc(1.25 * var(--font-size));
   padding: var(--padding-y) calc(1.25 * var(--padding-x));
   min-height: calc(1.25 * var(--button-height));
 }
-.Button_button__NmQ1Z.Button_xl__N2NkM {
+.Button_button__ZTY3M.Button_xl__NzE0M {
   font-size: calc(1.5 * var(--font-size));
   padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
   min-height: calc(1.5 * var(--button-height));
 }
-body a.Button_button__NmQ1Z {
+body a.Button_button__ZTY3M {
   color: inherit;
   text-decoration: none;
 }
@@ -2601,15 +2602,17 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:642a816d71e0e4e5346089e7fb2bf78b */
-.Block_block__MGVlZ {
+.Block_block__MmJiM {
   display: flex;
   flex-direction: row;
   align-items: center;
   font-size: var(--font-size);
   gap: var(--gap);
   padding: var(--padding);
+  border: 1px solid transparent;
   border-radius: var(--border-radius);
   line-height: 1.5;
+  min-height: calc((1.5 * var(--font-size)) + (2 * var(--padding-y)));
 }
 
 /* virtual-css:css:24928f94983bde06afba78ec92a4df4b */
@@ -2949,19 +2952,19 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:ac55918cdbb6b3a9ac9deedf05ce3806 */
-.input_field__YjQxZ {
+.input_field__NGM0Z {
   position: relative;
   min-width: 240px;
 }
-.input_field__YjQxZ,
-.input_row__YjAxO {
+.input_field__NGM0Z,
+.input_row__NjY4Y {
   position: relative;
 }
-.input_field__YjQxZ[data-readonly] .input_input__NjMwN,
-.input_field__YjQxZ[data-disabled] .input_input__NjMwN {
+.input_field__NGM0Z[data-readonly] .input_input__MjUyM,
+.input_field__NGM0Z[data-disabled] .input_input__MjUyM {
   background: var(--base-color-4);
 }
-.input_input__NjMwN {
+.input_input__MjUyM {
   font-size: var(--font-size);
   color: var(--font-color);
   border: var(--border);
@@ -2972,37 +2975,36 @@ body a.Button_button__NmQ1Z {
   line-height: 1.5rem;
   width: 100%;
 }
-.input_input__NjMwN:focus {
+.input_input__MjUyM:focus {
   border-color: transparent;
   outline: var(--outline);
 }
-.input_input__NjMwN::placeholder {
+.input_input__MjUyM::placeholder {
   color: var(--font-color-muted);
 }
-.input_input__NjMwN:disabled {
+.input_input__MjUyM:disabled {
   color: var(--font-color-muted);
 }
-.input_input__NjMwN::-webkit-search-cancel-button,
-.input_input__NjMwN::-webkit-search-decoration {
+.input_input__MjUyM::-webkit-search-cancel-button,
+.input_input__MjUyM::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.input_icon__OTVkO {
+.input_icon__ZjY5O {
   color: var(--font-color-muted);
-  background: var(--background-color);
 }
-.input_icon__OTVkO:hover {
+.input_icon__ZjY5O:hover {
   color: var(--font-color);
   cursor: pointer;
 }
 
 /* virtual-css:css:f85c857d13f820fa4badfb09996080b9 */
-.TextField_allowCopy__NmUxY {
+.TextField_allowCopy__Y2RhY {
   padding-right: 32px;
 }
-.TextField_icon__OTcxO {
+.TextField_icon__MWVlN {
   position: absolute;
-  top: var(--spacing-4);
-  right: var(--spacing-3);
+  top: calc(var(--padding-y) + 4px);
+  right: var(--padding-x);
   background: none;
 }
 
@@ -3083,7 +3085,7 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:e66162403f9946d7217dc462fee28120 */
-.Dots_dots__NzQ0Z {
+.Dots_dots__YzQxM {
   position: relative;
   display: inline-flex;
   justify-content: center;
@@ -3091,21 +3093,21 @@ body a.Button_button__NmQ1Z {
   min-height: 50px;
   gap: 8px;
 }
-.Dots_dot__MDk2Z {
-  width: 10px;
-  height: 10px;
+.Dots_dot__ZDdiZ {
+  width: 8px;
+  height: 8px;
   border-radius: 100%;
   background: color-mix(in srgb, var(--font-color), 50% transparent);
-  animation: Dots_dots-blink__M2M4Z 1.2s infinite;
+  animation: Dots_dots-blink__NDE3Y 1.2s infinite;
   animation-fill-mode: both;
 }
-.Dots_dot__MDk2Z:nth-child(2) {
+.Dots_dot__ZDdiZ:nth-child(2) {
   animation-delay: 0.2s;
 }
-.Dots_dot__MDk2Z:nth-child(3) {
+.Dots_dot__ZDdiZ:nth-child(3) {
   animation-delay: 0.4s;
 }
-@keyframes Dots_dots-blink__M2M4Z {
+@keyframes Dots_dots-blink__NDE3Y {
   0% {
     opacity: 0.2;
   }
@@ -3117,6 +3119,14 @@ body a.Button_button__NmQ1Z {
   }
 }
 
+/* virtual-css:css:a37d08939f4c2e286eced2d454e614ea */
+.FloatingTooltip_tooltip__YTcxZ {
+  position: fixed;
+  pointer-events: none;
+  z-index: 9999;
+  transform: translate(-50%, calc(-100% - 6px));
+}
+
 /* virtual-css:css:94870e251b7b77526d8ae103079be601 */
 .Heading_heading__MGIyZ {
   color: var(--heading-color);
@@ -3590,53 +3600,62 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:34d15f1efb5cfdf86de5abea08f767ce */
-.Tooltip_tooltip__NDBjM {
-  font-size: var(--font-size);
-  color: var(--light-color);
-  background: rgba(0, 0, 0, 0.8);
+.Tooltip_tooltip__ODVhY {
   forced-color-adjust: none;
   outline: none;
+}
+.Tooltip_bubble__OTMzY {
+  color: var(--light-color);
+  background: rgba(0, 0, 0, 0.8);
   padding: var(--padding);
   border-radius: var(--border-radius);
-  max-width: 150px;
-  transform: translate3d(0, 0, 0);
 }
-.Tooltip_tooltip__NDBjM[data-placement=top] {
+.Tooltip_floating__YWVjM {
+  position: fixed;
+  pointer-events: none;
+  z-index: 9999;
+  transform: translate(-50%, calc(-100% - 5px));
+}
+.Tooltip_tooltip__ODVhY[data-placement=top] {
   margin-bottom: 8px;
   --origin: translateY(4px);
 }
-.Tooltip_tooltip__NDBjM[data-placement=bottom] {
+.Tooltip_tooltip__ODVhY[data-placement=bottom] {
   margin-top: 8px;
   --origin: translateY(-4px);
 }
-.Tooltip_tooltip__NDBjM[data-placement=bottom] .Tooltip_arrow__NzM4M svg {
+.Tooltip_tooltip__ODVhY[data-placement=bottom] .Tooltip_arrow__ZmMyY svg {
   transform: rotate(180deg);
 }
-.Tooltip_tooltip__NDBjM[data-placement=right] {
+.Tooltip_tooltip__ODVhY[data-placement=right] {
   margin-left: 8px;
   --origin: translateX(-4px);
 }
-.Tooltip_tooltip__NDBjM[data-placement=right] .Tooltip_arrow__NzM4M svg {
+.Tooltip_tooltip__ODVhY[data-placement=right] .Tooltip_arrow__ZmMyY svg {
   transform: rotate(90deg);
 }
-.Tooltip_tooltip__NDBjM[data-placement=left] {
+.Tooltip_tooltip__ODVhY[data-placement=left] {
   margin-right: 8px;
   --origin: translateX(4px);
 }
-.Tooltip_tooltip__NDBjM[data-placement=left] .Tooltip_arrow__NzM4M svg {
+.Tooltip_tooltip__ODVhY[data-placement=left] .Tooltip_arrow__ZmMyY svg {
   transform: rotate(-90deg);
 }
-.Tooltip_tooltip__NDBjM .Tooltip_arrow__NzM4M svg {
+.Tooltip_tooltip__ODVhY .Tooltip_arrow__ZmMyY {
+  width: 8px;
+  height: 8px;
+}
+.Tooltip_tooltip__ODVhY .Tooltip_arrow__ZmMyY svg {
   display: block;
   fill: rgba(0, 0, 0, 0.8);
 }
-.Tooltip_tooltip__NDBjM[data-entering] {
-  animation: Tooltip_slide__NzNkY 200ms;
+.Tooltip_tooltip__ODVhY[data-entering] {
+  animation: Tooltip_slide__OWE0Z 200ms;
 }
-.Tooltip_tooltip__NDBjM[data-exiting] {
-  animation: Tooltip_slide__NzNkY 200ms reverse ease-in;
+.Tooltip_tooltip__ODVhY[data-exiting] {
+  animation: Tooltip_slide__OWE0Z 200ms reverse ease-in;
 }
-@keyframes Tooltip_slide__NzNkY {
+@keyframes Tooltip_slide__OWE0Z {
   from {
     transform: var(--origin);
     opacity: 0;
@@ -3648,52 +3667,63 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:12d12fae43d9120371ddbb4f1c814f07 */
-.SideNav_sidenav__NThiY {
+.SideNav_sidenav__NTNmY {
   height: 100%;
   font-size: var(--font-size);
   background-color: var(--base-color-1);
   border-right: 1px solid var(--border-color);
   width: 200px;
+  transition: width 0.1s ease-out;
+  overflow: hidden;
 }
-.SideNav_header__YTM2M {
+.SideNav_header__NzhjN {
   display: flex;
   align-items: center;
   gap: var(--gap);
   padding: var(--padding);
 }
-.SideNav_name__MWQ1M {
+.SideNav_name__ZWUxM {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_section__MTUyY {
+.SideNav_section__MmE3N {
   padding: var(--spacing-3);
+  overflow: hidden;
 }
-.SideNav_title__MTNlY {
+.SideNav_title__N2Y0O {
   font-weight: var(--font-weight-bold);
 }
-.SideNav_content__OWM3N {
+.SideNav_content__MzA2M {
   display: grid;
+  min-height: 40px;
   gap: var(--gap);
+  overflow: hidden;
 }
-.SideNav_item__YTE4Z {
+.SideNav_item__OGU5M {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
+  min-height: 40px;
   color: var(--font-color-muted);
   gap: var(--gap);
   padding: var(--padding);
   cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
 }
-.SideNav_item__YTE4Z:hover {
+.SideNav_item__OGU5M:hover {
   color: var(--font-color);
   background-color: var(--base-color-2);
 }
-.SideNav_collapsed__YWMzZ .SideNav_label__YzExN {
-  display: none;
+.SideNav_label__NjFiY {
+  transition: opacity 0.3s;
 }
-.SideNav_collapsed__YWMzZ {
-  width: 64px;
-  transition: width 0.3s ease-in-out;
+.SideNav_collapsed__NTBlM .SideNav_label__NjFiY {
+  opacity: 0;
+}
+.SideNav_collapsed__NTBlM {
+  width: 68px;
+  transition: width 0.2s ease-in-out;
 }
 
 /* virtual-css:css:02d4c53a13519acb012573b18f89110d */
@@ -3788,34 +3818,32 @@ body a.Button_button__NmQ1Z {
 }
 
 /* virtual-css:css:25b38ea4838450cf917453747a735c4a */
-.StatusLight_statuslight__MmJmM {
-  font-size: var(--font-size);
-  color: var(--font-color);
+.StatusLight_statuslight__MTliM {
   display: inline-flex;
   align-items: center;
   gap: 12px;
 }
-.StatusLight_status__YTQ4M,
-.StatusLight_bg__N2QyO {
+.StatusLight_status__MDNmO,
+.StatusLight_bg__MjVjN {
   width: 10px;
   height: 10px;
   border-radius: 100%;
   background: #fff;
   position: relative;
 }
-.StatusLight_status__YTQ4M.StatusLight_success__Njk1N {
+.StatusLight_status__MDNmO.StatusLight_success__ZWI1N {
   background: var(--success-color);
 }
-.StatusLight_status__YTQ4M.StatusLight_warning__YTEyN {
+.StatusLight_status__MDNmO.StatusLight_warning__YWRmM {
   background: var(--warning-color);
 }
-.StatusLight_status__YTQ4M.StatusLight_error__MzdjZ {
+.StatusLight_status__MDNmO.StatusLight_error__NjdjM {
   background: var(--danger-color);
 }
-.StatusLight_status__YTQ4M.StatusLight_active__YTdjM {
+.StatusLight_status__MDNmO.StatusLight_active__NGZiY {
   background: var(--active-color);
 }
-.StatusLight_status__YTQ4M.StatusLight_inactive__ODZiY {
+.StatusLight_status__MDNmO.StatusLight_inactive__NDI0Z {
   background: var(--inactive-color);
 }
 

package/dist/index.d.ts

@@ -8,7 +8,7 @@
 //   ../../@/components/Block
 
 declare module '@umami/react-zen' {
-    import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider } from 'react-aria-components';
+    import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider, Focusable, Pressable } from 'react-aria-components';
     import { Form } from '@umami/react-zen/forms/Form';
     import { FormButtons } from '@umami/react-zen/forms/FormButtons';
     import { FormField } from '@umami/react-zen/forms/FormField';
@@ -39,6 +39,7 @@ declare module '@umami/react-zen' {
     import { DataTable, DataColumn } from '@umami/react-zen/DataTable';
     import { Dots } from '@umami/react-zen/Dots';
     import { Flexbox } from '@umami/react-zen/Flexbox';
+    import { FloatingTooltip } from '@umami/react-zen/FloatingTooltip';
     import { Grid } from '@umami/react-zen/Grid';
     import { Heading } from '@umami/react-zen/Heading';
     import { HoverTrigger } from '@umami/react-zen/HoverTrigger';
@@ -75,9 +76,9 @@ declare module '@umami/react-zen' {
     import { ThemeButton } from '@umami/react-zen/ThemeButton';
     import { Toggle } from '@umami/react-zen/Toggle';
     import { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
-    import { Tooltip } from '@umami/react-zen/Tooltip';
+    import { Tooltip, TooltipBubble } from '@umami/react-zen/Tooltip';
     import { ZenProvider } from '@umami/react-zen/ZenProvider';
-    export { useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Block, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, Form, FormButtons, FormField, FormResetButton, FormSubmitButton, Grid, NavBar, NavBarItem, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, Modal, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, RouterProvider, SearchField, Select, SideNav, SideNavHeader, SideNavItem, SideNavSection, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toast, Toaster, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
+    export { useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Block, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, FloatingTooltip, Focusable, Form, FormButtons, FormField, FormResetButton, FormSubmitButton, Grid, NavBar, NavBarItem, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, Modal, PasswordField, Popover, Pressable, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, RouterProvider, SearchField, Select, SideNav, SideNavHeader, SideNavItem, SideNavSection, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toast, Toaster, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipBubble, TooltipTrigger, ZenProvider, };
 }
 
 declare module '@umami/react-zen/forms/Form' {
@@ -485,6 +486,13 @@ declare module '@umami/react-zen/Flexbox' {
     export function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): import("react").JSX.Element;
 }
 
+declare module '@umami/react-zen/FloatingTooltip' {
+    import { ReactNode } from 'react';
+    export function FloatingTooltip({ children }: {
+        children: ReactNode;
+    }): import("react").JSX.Element;
+}
+
 declare module '@umami/react-zen/Grid' {
     import { GridDisplay, GridAutoFlow, Responsive, Spacing, GridTemplateRows, GridTemplateColumns, GridTemplateAreas, AlignContent, AlignItems, JustifyContent, JustifyItems } from '@/lib/types';
     import { BoxProps } from '@umami/react-zen/Box';
@@ -586,6 +594,7 @@ declare module '@umami/react-zen/Image' {
 declare module '@umami/react-zen/InlineEditField' {
     import { ReactNode } from 'react';
     interface InlineEditFieldProps {
+        name?: string;
         value: string;
         defaultEdit?: boolean;
         onChange?: (value: string) => void;
@@ -594,7 +603,7 @@ declare module '@umami/react-zen/InlineEditField' {
         className?: string;
         children?: ReactNode;
     }
-    function InlineEditField({ value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): import("react").JSX.Element;
+    function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): import("react").JSX.Element;
     export { InlineEditField };
     export type { InlineEditFieldProps };
 }
@@ -959,9 +968,16 @@ declare module '@umami/react-zen/ToggleGroup' {
 }
 
 declare module '@umami/react-zen/Tooltip' {
-    import { TooltipProps } from 'react-aria-components';
-    function Tooltip({ children, className, ...props }: TooltipProps): import("react").JSX.Element;
-    export { Tooltip };
+    import { ReactNode } from 'react';
+    import { TooltipProps as AriaTooltipProps } from 'react-aria-components';
+    interface TooltipProps extends AriaTooltipProps {
+        showArrow?: boolean;
+    }
+    function Tooltip({ children, className, showArrow, ...props }: TooltipProps): import("react").JSX.Element;
+    function TooltipBubble({ children }: {
+        children?: ReactNode;
+    }): import("react").JSX.Element;
+    export { Tooltip, TooltipBubble };
     export type { TooltipProps };
 }