@umami/react-zen 0.223.0 → 0.225.0

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
+import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
@@ -9,14 +9,14 @@ import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, Controller
 import * as zustand from 'zustand';
 
 interface AccordionProps extends DisclosureGroupProps {
-    type: 'single' | 'multiple';
+    type?: 'single' | 'multiple';
     className?: string;
     children?: ReactNode;
 }
 interface AccordionItemProps extends DisclosureProps {
 }
 declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
 
 interface AlertBannerProps {
     title?: ReactNode;
@@ -55,7 +55,7 @@ type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
 type ColorName = 'gray' | 'slate' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
 type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
 type TailwindColor = `${ColorName}-${ColorShade}`;
-type SemanticColor = 'primary' | 'muted' | 'disabled' | 'transparent';
+type SemanticColor = 'primary' | 'secondary' | 'muted' | 'strong' | 'inverted' | 'disabled' | 'transparent';
 type SurfaceColor = 'surface-base' | 'surface-raised' | 'surface-sunken' | 'surface-overlay' | 'surface-inverted' | 'surface-disabled';
 type FontColor = SemanticColor | ColorName | TailwindColor | true;
 type BackgroundColor = SemanticColor | SurfaceColor | ColorName | TailwindColor | true;
@@ -165,6 +165,7 @@ interface TextRenderProps {
 declare function Text({ color, size, weight, align, spacing, lineHeight, wrap, whitespace, wordBreak, transform, indent, verticalAlign, truncate, italic, underline, strikethrough, decorationStyle, decorationColor, as, render, className, children, ...props }: TextProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 
 interface BlockquoteProps extends Omit<TextProps, 'as'> {
+    children?: ReactNode;
 }
 declare function Blockquote({ className, children, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
 
@@ -314,6 +315,7 @@ interface CheckboxProps extends CheckboxProps$1 {
 declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface CodeProps extends Omit<TextProps, 'as'> {
+    children?: ReactNode;
 }
 declare function Code({ className, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
 
@@ -332,6 +334,7 @@ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
 declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
 
 interface ColumnProps extends FlexboxProps {
+    children?: ReactNode;
     reverse?: boolean;
 }
 declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
@@ -434,6 +437,7 @@ interface DotsProps extends HTMLAttributes<HTMLDivElement> {
 declare function Dots({ size, className, color: _color, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps extends TooltipProps$1 {
+    children?: ReactNode;
     showArrow?: boolean;
 }
 declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
@@ -456,6 +460,7 @@ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>,
 declare function Form({ autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
 
 interface RowProps extends FlexboxProps {
+    children?: ReactNode;
     reverse?: boolean;
 }
 declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
@@ -510,6 +515,7 @@ declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ..
 
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface HeadingProps extends Omit<TextProps, 'as' | 'size'> {
+    children?: ReactNode;
     size?: Responsive<HeadingSize>;
     as?: HeadingElement;
 }
@@ -597,10 +603,10 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
 }
 declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
 
-interface LabelProps extends LabelProps$1 {
-    className?: string;
+interface LabelProps extends Omit<TextProps, 'as' | 'render'> {
+    htmlFor?: string;
 }
-declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ size, weight, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingProps extends BoxProps {
     size?: 'sm' | 'md' | 'lg';
@@ -770,7 +776,7 @@ declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
 
 interface StatusLightProps {
     color?: string;
-    variant?: 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
+    variant?: 'info' | 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
     className?: string;
     children?: ReactNode;
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
+import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
 export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
@@ -9,14 +9,14 @@ import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, Controller
 import * as zustand from 'zustand';
 
 interface AccordionProps extends DisclosureGroupProps {
-    type: 'single' | 'multiple';
+    type?: 'single' | 'multiple';
     className?: string;
     children?: ReactNode;
 }
 interface AccordionItemProps extends DisclosureProps {
 }
 declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare function AccordionItem({ className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
 
 interface AlertBannerProps {
     title?: ReactNode;
@@ -55,7 +55,7 @@ type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
 type ColorName = 'gray' | 'slate' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
 type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
 type TailwindColor = `${ColorName}-${ColorShade}`;
-type SemanticColor = 'primary' | 'muted' | 'disabled' | 'transparent';
+type SemanticColor = 'primary' | 'secondary' | 'muted' | 'strong' | 'inverted' | 'disabled' | 'transparent';
 type SurfaceColor = 'surface-base' | 'surface-raised' | 'surface-sunken' | 'surface-overlay' | 'surface-inverted' | 'surface-disabled';
 type FontColor = SemanticColor | ColorName | TailwindColor | true;
 type BackgroundColor = SemanticColor | SurfaceColor | ColorName | TailwindColor | true;
@@ -165,6 +165,7 @@ interface TextRenderProps {
 declare function Text({ color, size, weight, align, spacing, lineHeight, wrap, whitespace, wordBreak, transform, indent, verticalAlign, truncate, italic, underline, strikethrough, decorationStyle, decorationColor, as, render, className, children, ...props }: TextProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 
 interface BlockquoteProps extends Omit<TextProps, 'as'> {
+    children?: ReactNode;
 }
 declare function Blockquote({ className, children, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
 
@@ -314,6 +315,7 @@ interface CheckboxProps extends CheckboxProps$1 {
 declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
 interface CodeProps extends Omit<TextProps, 'as'> {
+    children?: ReactNode;
 }
 declare function Code({ className, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
 
@@ -332,6 +334,7 @@ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
 declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
 
 interface ColumnProps extends FlexboxProps {
+    children?: ReactNode;
     reverse?: boolean;
 }
 declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
@@ -434,6 +437,7 @@ interface DotsProps extends HTMLAttributes<HTMLDivElement> {
 declare function Dots({ size, className, color: _color, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps extends TooltipProps$1 {
+    children?: ReactNode;
     showArrow?: boolean;
 }
 declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
@@ -456,6 +460,7 @@ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>,
 declare function Form({ autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
 
 interface RowProps extends FlexboxProps {
+    children?: ReactNode;
     reverse?: boolean;
 }
 declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
@@ -510,6 +515,7 @@ declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ..
 
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface HeadingProps extends Omit<TextProps, 'as' | 'size'> {
+    children?: ReactNode;
     size?: Responsive<HeadingSize>;
     as?: HeadingElement;
 }
@@ -597,10 +603,10 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
 }
 declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
 
-interface LabelProps extends LabelProps$1 {
-    className?: string;
+interface LabelProps extends Omit<TextProps, 'as' | 'render'> {
+    htmlFor?: string;
 }
-declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ size, weight, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
 
 interface LoadingProps extends BoxProps {
     size?: 'sm' | 'md' | 'lg';
@@ -770,7 +776,7 @@ declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
 
 interface StatusLightProps {
     color?: string;
-    variant?: 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
+    variant?: 'info' | 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
     className?: string;
     children?: ReactNode;
 }