@umami/react-zen 0.61.0 → 0.63.0

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.ts CHANGED
@@ -5,9 +5,10 @@
5
5
  // ../../react-hook-form
6
6
  // ../../@/lib/types
7
7
  // ../../@/components/toast/Toaster
8
+ // ../../@/components/Block
8
9
 
9
10
  declare module '@umami/react-zen' {
10
- import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
11
+ import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider } from 'react-aria-components';
11
12
  import { Form } from '@umami/react-zen/forms/Form';
12
13
  import { FormButtons } from '@umami/react-zen/forms/FormButtons';
13
14
  import { FormField } from '@umami/react-zen/forms/FormField';
@@ -22,6 +23,7 @@ declare module '@umami/react-zen' {
22
23
  import { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
23
24
  import { AlertBanner } from '@umami/react-zen/AlertBanner';
24
25
  import { AlertDialog } from '@umami/react-zen/AlertDialog';
26
+ import { Block } from '@umami/react-zen/Block';
25
27
  import { Blockquote } from '@umami/react-zen/Blockquote';
26
28
  import { Box } from '@umami/react-zen/Box';
27
29
  import { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
@@ -75,7 +77,7 @@ declare module '@umami/react-zen' {
75
77
  import { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
76
78
  import { Tooltip } from '@umami/react-zen/Tooltip';
77
79
  import { ZenProvider } from '@umami/react-zen/ZenProvider';
78
- 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, };
80
+ 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, };
79
81
  }
80
82
 
81
83
  declare module '@umami/react-zen/forms/Form' {
@@ -257,6 +259,14 @@ declare module '@umami/react-zen/AlertDialog' {
257
259
  export type { AlertDialogProps };
258
260
  }
259
261
 
262
+ declare module '@umami/react-zen/Block' {
263
+ import { HTMLAttributes } from 'react';
264
+ export interface BlockProps extends HTMLAttributes<HTMLDivElement> {
265
+ asChild?: boolean;
266
+ }
267
+ export function Block({ asChild, className, children, ...props }: BlockProps): import("react").JSX.Element;
268
+ }
269
+
260
270
  declare module '@umami/react-zen/Blockquote' {
261
271
  import { HTMLAttributes } from 'react';
262
272
  import { FontWeight, Responsive, TextWrap } from '@/lib/types';
@@ -445,6 +455,7 @@ declare module '@umami/react-zen/DataTable' {
445
455
  }
446
456
  function DataColumn(props: DataColumnProps): null;
447
457
  export { DataTable, DataColumn };
458
+ export type { DataTableProps, DataColumnProps };
448
459
  }
449
460
 
450
461
  declare module '@umami/react-zen/Dots' {
@@ -551,6 +562,7 @@ declare module '@umami/react-zen/Icons' {
551
562
  Menu: import("react-icons/lib").IconType;
552
563
  Minus: import("react-icons/lib").IconType;
553
564
  More: import("react-icons/lib").IconType;
565
+ PanelLeft: import("react-icons/lib").IconType;
554
566
  Plus: import("react-icons/lib").IconType;
555
567
  Refresh: import("react-icons/lib").IconType;
556
568
  Trash: import("react-icons/lib").IconType;
@@ -769,24 +781,26 @@ declare module '@umami/react-zen/Select' {
769
781
  }
770
782
 
771
783
  declare module '@umami/react-zen/SideNav' {
772
- import React, { ReactNode } from 'react';
773
- export function SideNav({ children }: {
784
+ import { ReactNode } from 'react';
785
+ import { BlockProps } from '@/components/Block';
786
+ export interface SideNavProps {
787
+ isCollapsed?: boolean;
774
788
  children: ReactNode;
775
- }): React.JSX.Element;
789
+ }
790
+ export function SideNav({ isCollapsed, children }: SideNavProps): import("react").JSX.Element;
776
791
  export function SideNavHeader({ name, icon, children, }: {
777
792
  name: string;
778
793
  icon?: ReactNode;
779
794
  children?: ReactNode;
780
- }): React.JSX.Element;
795
+ }): import("react").JSX.Element;
781
796
  export function SideNavSection({ title, children }: {
782
797
  title?: string;
783
798
  children: ReactNode;
784
- }): React.JSX.Element;
785
- export function SideNavItem({ label, icon, children, }: {
786
- label: string;
787
- icon: ReactNode;
788
- children?: ReactNode;
789
- }): React.JSX.Element;
799
+ }): import("react").JSX.Element;
800
+ export function SideNavItem({ label, icon, className, ...props }: {
801
+ label?: string;
802
+ icon?: ReactNode;
803
+ } & BlockProps): import("react").JSX.Element;
790
804
  }
791
805
 
792
806
  declare module '@umami/react-zen/Slider' {
@@ -871,7 +885,7 @@ declare module '@umami/react-zen/Tabs' {
871
885
 
872
886
  declare module '@umami/react-zen/Text' {
873
887
  import { HTMLAttributes } from 'react';
874
- import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, FontColor } from '@/lib/types';
888
+ import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
875
889
  export interface TextProps extends HTMLAttributes<HTMLElement> {
876
890
  color?: FontColor;
877
891
  size?: Responsive<FontSize>;
@@ -879,6 +893,7 @@ declare module '@umami/react-zen/Text' {
879
893
  weight?: Responsive<FontWeight>;
880
894
  align?: Responsive<TextAlign>;
881
895
  wrap?: Responsive<TextWrap>;
896
+ transform?: Responsive<TextTransform>;
882
897
  as?: 'span' | 'div' | 'label' | 'p';
883
898
  asChild?: boolean;
884
899
  }