@umami/react-zen 0.62.0 → 0.64.0

package/dist/index.d.ts

@@ -5,9 +5,10 @@
 //   ../../react-hook-form
 //   ../../@/lib/types
 //   ../../@/components/toast/Toaster
+//   ../../@/components/Block
 
 declare module '@umami/react-zen' {
-    import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger } 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';
@@ -22,6 +23,7 @@ declare module '@umami/react-zen' {
     import { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
     import { AlertBanner } from '@umami/react-zen/AlertBanner';
     import { AlertDialog } from '@umami/react-zen/AlertDialog';
+    import { Block } from '@umami/react-zen/Block';
     import { Blockquote } from '@umami/react-zen/Blockquote';
     import { Box } from '@umami/react-zen/Box';
     import { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
@@ -37,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';
@@ -73,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 { Form, FormButtons, FormField, FormResetButton, FormSubmitButton, Toast, Toaster, ToastProvider, useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, 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, 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, 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' {
@@ -257,6 +260,14 @@ declare module '@umami/react-zen/AlertDialog' {
     export type { AlertDialogProps };
 }
 
+declare module '@umami/react-zen/Block' {
+    import { HTMLAttributes } from 'react';
+    export interface BlockProps extends HTMLAttributes<HTMLDivElement> {
+        asChild?: boolean;
+    }
+    export function Block({ asChild, className, children, ...props }: BlockProps): import("react").JSX.Element;
+}
+
 declare module '@umami/react-zen/Blockquote' {
     import { HTMLAttributes } from 'react';
     import { FontWeight, Responsive, TextWrap } from '@/lib/types';
@@ -445,6 +456,7 @@ declare module '@umami/react-zen/DataTable' {
     }
     function DataColumn(props: DataColumnProps): null;
     export { DataTable, DataColumn };
+    export type { DataTableProps, DataColumnProps };
 }
 
 declare module '@umami/react-zen/Dots' {
@@ -474,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';
@@ -551,6 +570,7 @@ declare module '@umami/react-zen/Icons' {
         Menu: import("react-icons/lib").IconType;
         Minus: import("react-icons/lib").IconType;
         More: import("react-icons/lib").IconType;
+        PanelLeft: import("react-icons/lib").IconType;
         Plus: import("react-icons/lib").IconType;
         Refresh: import("react-icons/lib").IconType;
         Trash: import("react-icons/lib").IconType;
@@ -574,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;
@@ -582,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 };
 }
@@ -769,24 +790,26 @@ declare module '@umami/react-zen/Select' {
 }
 
 declare module '@umami/react-zen/SideNav' {
-    import React, { ReactNode } from 'react';
-    export function SideNav({ children }: {
+    import { ReactNode } from 'react';
+    import { BlockProps } from '@/components/Block';
+    export interface SideNavProps {
+        isCollapsed?: boolean;
         children: ReactNode;
-    }): React.JSX.Element;
+    }
+    export function SideNav({ isCollapsed, children }: SideNavProps): import("react").JSX.Element;
     export function SideNavHeader({ name, icon, children, }: {
         name: string;
         icon?: ReactNode;
         children?: ReactNode;
-    }): React.JSX.Element;
+    }): import("react").JSX.Element;
     export function SideNavSection({ title, children }: {
         title?: string;
         children: ReactNode;
-    }): React.JSX.Element;
-    export function SideNavItem({ label, icon, children, }: {
-        label: string;
-        icon: ReactNode;
-        children?: ReactNode;
-    }): React.JSX.Element;
+    }): import("react").JSX.Element;
+    export function SideNavItem({ label, icon, className, ...props }: {
+        label?: string;
+        icon?: ReactNode;
+    } & BlockProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Slider' {
@@ -871,7 +894,7 @@ declare module '@umami/react-zen/Tabs' {
 
 declare module '@umami/react-zen/Text' {
     import { HTMLAttributes } from 'react';
-    import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, FontColor } from '@/lib/types';
+    import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
     export interface TextProps extends HTMLAttributes<HTMLElement> {
         color?: FontColor;
         size?: Responsive<FontSize>;
@@ -879,6 +902,7 @@ declare module '@umami/react-zen/Text' {
         weight?: Responsive<FontWeight>;
         align?: Responsive<TextAlign>;
         wrap?: Responsive<TextWrap>;
+        transform?: Responsive<TextTransform>;
         as?: 'span' | 'div' | 'label' | 'p';
         asChild?: boolean;
     }
@@ -944,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 };
 }