@andrilla/mado-ui 1.0.8 → 1.0.10

package/dist/components/checkbox.d.ts

@@ -5,18 +5,21 @@ export type CheckboxProps = Omit<HeadlessCheckboxProps, 'children'> & {
     descriptionProps?: Omit<DescriptionProps, 'children'> & {
         /** @deprecated use `description` prop instead */
         children?: never;
+        ref?: RefObject<HTMLParagraphElement | null>;
     };
     fieldProps?: Omit<FieldProps, 'children'> & {
         /** @deprecated use `children` prop instead */
         children?: never;
+        ref?: RefObject<HTMLDivElement | null>;
     };
     labelProps?: Omit<LabelProps, 'children'> & {
         /** @deprecated use `children` prop instead */
         children?: never;
+        ref?: RefObject<HTMLLabelElement | null>;
     };
     inputContainerProps?: ComponentPropsWithRef<'div'>;
     required?: boolean;
 };
-import { type ComponentPropsWithRef, type JSX, type ReactNode } from 'react';
+import { type ComponentPropsWithRef, type JSX, type ReactNode, type RefObject } from 'react';
 import { type CheckboxProps as HeadlessCheckboxProps, type DescriptionProps, type FieldProps, type LabelProps } from '@headlessui/react';
 export declare function Checkbox({ checkmark, children, className, description, descriptionProps: { className: descriptionClassName, ...descriptionProps }, fieldProps: { className: fieldClassName, ...fieldProps }, labelProps: { className: labelClassName, ...labelProps }, inputContainerProps: { className: inputContainerClassName, ...inputContainerProps }, onChange, required, value, ...props }: CheckboxProps): JSX.Element;

package/dist/components/drop-down.d.ts

@@ -1,16 +1,16 @@
-import type { AnyElementProps } from '../types';
-import type { ElementType, JSX, ReactNode } from 'react';
-export type DropDownButtonProps<TTag extends ElementType = 'button'> = Omit<MenuButtonProps<TTag>, 'as' | 'className'> & {
+import type { AsElement } from '../types';
+import type { ElementType, JSX, ReactNode, RefObject } from 'react';
+export type DropDownButtonProps<TTag extends ElementType = 'button'> = Omit<MenuButtonProps<TTag>, 'as' | 'className'> & AsElement<TTag | ElementType> & {
     arrow?: boolean | ReactNode;
-    as?: TTag | ElementType;
     className?: string;
+    ref?: RefObject<HTMLButtonElement | null>;
 };
-export type DropDownItemProps<TTag extends ElementType = 'div'> = Omit<MenuItemProps<TTag>, 'as'> & AnyElementProps<TTag>;
-export type DropDownItemsProps = Omit<MenuItemsProps, 'className' | 'transition'> & {
+export type DropDownItemProps<TTag extends ElementType = 'div'> = Omit<MenuItemProps<TTag>, 'as'> & AsElement<TTag>;
+export type DropDownItemsProps = Omit<MenuItemsProps, 'as' | 'className' | 'transition'> & {
     className?: string;
     containerClassName?: string;
 };
-export type DropDownProps = MenuProps;
+export type DropDownProps<TTag extends ElementType = 'div'> = Omit<MenuProps, 'as'> & AsElement<TTag>;
 export type DropDownSectionProps = MenuSectionProps & {
     label?: ReactNode;
     labelProps?: Omit<MenuHeadingProps, 'children'> & {
@@ -20,7 +20,7 @@ export type DropDownSectionProps = MenuSectionProps & {
     separatorAbove?: boolean;
     separatorBelow?: boolean;
 };
-export type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as'> & AnyElementProps<TTag> & {
+export type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as' | 'className'> & AsElement<TTag> & {
     className?: MenuSeparatorProps['className'];
 };
 import { type MenuButtonProps, type MenuHeadingProps, type MenuItemProps, type MenuItemsProps, type MenuProps, type MenuSectionProps, type MenuSeparatorProps } from '@headlessui/react';
@@ -29,4 +29,4 @@ export declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...
 export declare function DropDownItems({ anchor, children, className, containerClassName, style, ...props }: DropDownItemsProps): JSX.Element;
 export declare function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }: DropDownSectionProps): JSX.Element;
 export declare function DropDownSeparator<TTag extends ElementType = 'div'>({ as, className, ...props }: DropDownSeparatorProps<TTag>): JSX.Element;
-export declare function DropDown(props: DropDownProps): JSX.Element;
+export declare function DropDown<TTag extends ElementType = 'div'>({ as, ...props }: DropDownProps<TTag>): JSX.Element;

package/dist/components/fieldset.d.ts

@@ -1,18 +1,28 @@
 import type { OneOf } from '../types';
-import type { JSX } from 'react';
+import type { JSX, RefObject } from 'react';
 type NameOrLegend = OneOf<[
     {
         legend: string;
         legendProps?: Omit<LegendProps, 'children'> & {
             /** @deprecated Use the `legend` prop instead. */
             children?: never;
+            ref?: RefObject<HTMLLegendElement | null>;
         };
     },
     {
         name: string;
     }
 ]>;
-export type FieldsetProps = Omit<HeadlessFieldsetProps, 'name'> & NameOrLegend;
+export type FieldsetProps = Omit<HeadlessFieldsetProps, 'name'> & NameOrLegend & {
+    ref?: RefObject<HTMLFieldSetElement | null>;
+};
 import { type FieldsetProps as HeadlessFieldsetProps, type LegendProps } from '@headlessui/react';
+/**
+ * # Fieldset
+ *
+ * @prop legend - The legend text to display above the fieldset.
+ * @prop legendProps - Additional props to pass to the legend component.
+ * @prop className - GOTCHA: The default className includes `contents`, to effectively remove it from the layout. Be sure to change the display style if you want to modify any other styles.
+ */
 export declare function Fieldset({ children, className, legend, legendProps, name, ...props }: FieldsetProps): JSX.Element;
 export {};

package/dist/components/heading.d.ts

@@ -8,9 +8,8 @@ export type HeadingProps = ComponentPropsWithRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5
         h5: string;
         h6: string;
     }>;
-    ref?: RefObject<HTMLHeadingElement | null>;
 };
-import { type ComponentPropsWithRef, type JSX, type RefObject } from 'react';
+import { type ComponentPropsWithRef, type JSX } from 'react';
 /**
  * # Heading
  * A heading component that renders HTML heading elements (h1-h6) with appropriate styling.

package/dist/components/human-verification.d.ts

@@ -2,13 +2,14 @@ import type { OneOf } from '../types';
 type HumanVerificationProps = {
     children?: string;
     className?: string;
+    ref?: RefObject<HTMLButtonElement | null>;
 };
-import { type JSX } from 'react';
+import { type JSX, type RefObject } from 'react';
 export declare function validateHuman(token: string): OneOf<[{
     success: true;
 }, {
     error: string;
 }]>;
 export declare function generateHumanValidationToken(): string;
-export declare function HumanVerification({ children, className, }: HumanVerificationProps): JSX.Element;
+export declare function HumanVerification({ children, className, ref, }: HumanVerificationProps): JSX.Element;
 export {};