@umami/react-zen 0.132.0 → 0.134.0

package/dist/index.css

@@ -3045,6 +3045,14 @@
   font-weight: 600;
 }
 
+/* virtual-css:css:eaf2e0c53cba41d4256ca460ee0d2b3e */
+.Label_label__YWE3M {
+  font-size: var(--font-size);
+  color: var(--font-color);
+  font-weight: var(--font-weight-bold);
+  line-height: 2.5;
+}
+
 /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
 .Button_button__YTAxZ {
   display: flex;
@@ -3627,14 +3635,6 @@ body a.Button_button__YTAxZ {
   }
 }
 
-/* virtual-css:css:eaf2e0c53cba41d4256ca460ee0d2b3e */
-.Label_label__YWE3M {
-  font-size: var(--font-size);
-  color: var(--font-color);
-  font-weight: var(--font-weight-bold);
-  line-height: 2.5;
-}
-
 /* virtual-css:css:814f767aeadf5e17bfb63509d2206999 */
 .CopyButton_icon__YTM2Y {
   animation: CopyButton_copy-button__MjY1M 200ms;

package/dist/index.d.mts

@@ -113,11 +113,12 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     gridRow?: Responsive<string>;
     gridColumn?: Responsive<string>;
     order?: Responsive<number>;
+    zIndex?: Responsive<number>;
     theme?: string;
     as?: string;
     asChild?: boolean;
 }
-declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
+declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display'> {
     display?: Responsive<FlexDisplay>;
@@ -165,9 +166,10 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     name: string;
     description?: string;
     label?: string;
+    rules?: RegisterOptions<FieldValues, string>;
     children: (props: any) => ReactNode;
 }
-declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
+declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -542,9 +544,10 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     value?: string;
     defaultValue?: string;
     delay?: number;
+    onChange?: (value: string) => void;
     onSearch?: (value: string) => void;
 }
-declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchField({ label, placeholder, value, defaultValue, delay, onChange, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];

package/dist/index.d.ts

@@ -113,11 +113,12 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     gridRow?: Responsive<string>;
     gridColumn?: Responsive<string>;
     order?: Responsive<number>;
+    zIndex?: Responsive<number>;
     theme?: string;
     as?: string;
     asChild?: boolean;
 }
-declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
+declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, textAlign, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react.JSX.Element;
 
 interface FlexboxProps extends Omit<BoxProps, 'display'> {
     display?: Responsive<FlexDisplay>;
@@ -165,9 +166,10 @@ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'chil
     name: string;
     description?: string;
     label?: string;
+    rules?: RegisterOptions<FieldValues, string>;
     children: (props: any) => ReactNode;
 }
-declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
+declare function FormFieldArray({ name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
@@ -542,9 +544,10 @@ interface SearchFieldProps extends SearchFieldProps$1 {
     value?: string;
     defaultValue?: string;
     delay?: number;
+    onChange?: (value: string) => void;
     onSearch?: (value: string) => void;
 }
-declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
+declare function SearchField({ label, placeholder, value, defaultValue, delay, onChange, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
 
 interface SelectProps extends SelectProps$1<HTMLSelectElement> {
     items?: any[];