mado-ui 0.5.1 → 0.5.3

package/dist/components.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Url, UrlObject } from 'node:url';
-import { ElementType, ComponentPropsWithRef, ReactNode, HTMLInputTypeAttribute, RefObject, FormEvent, FormEventHandler, HTMLAttributes } from 'react';
+import { ElementType, ComponentPropsWithRef, ReactElement, ReactNode, HTMLInputTypeAttribute, RefObject, FormEvent, FormEventHandler, HTMLAttributes } from 'react';
 import { Button as Button$1, DisclosurePanelProps, DisclosureProps, DisclosureButtonProps, MenuButtonProps, MenuItemProps, MenuItemsProps, MenuProps, MenuSectionProps, MenuHeadingProps, MenuSeparatorProps, FieldsetProps as FieldsetProps$1, LegendProps, InputProps as InputProps$1, DescriptionProps, FieldProps, LabelProps, TextareaProps as TextareaProps$1, DialogTitleProps } from '@headlessui/react';
 import { Placement } from '@floating-ui/react-dom';
 
@@ -43,7 +43,7 @@ type OnlyFirst<F, L> = F & {
 type AnchorProps<TTag extends ElementType = 'a'> = AnyElementProps<TTag> & {
     disabled?: boolean;
 };
-declare function Anchor<TTag extends ElementType = 'a'>({ as, className, disabled, href, onClick, target, rel, ...props }: AnchorProps<TTag>): react_jsx_runtime.JSX.Element;
+declare function Anchor<TTag extends ElementType = 'a'>({ as, className, disabled, href, onClick, target, rel, ...props }: AnchorProps<TTag>): ReactElement;
 type ThemeColorOrClasses = OneOf<[
     {
         /**
@@ -94,7 +94,7 @@ type LinkProps<TTag extends ElementType = typeof Anchor> = AnyElementProps<TTag,
  * @example
  *   <Link href='/about' type='fill-ltr' theme='red' title='About Us'>Learn more about our company</Link>
  */
-declare function Link<TTag extends ElementType = typeof Anchor>({ as, className, customTheme, theme, type, ...props }: LinkProps<TTag>): react_jsx_runtime.JSX.Element;
+declare function Link<TTag extends ElementType = typeof Anchor>({ as, className, customTheme, theme, type, ...props }: LinkProps<TTag>): ReactElement;
 type ExtendedLinkConfig = {
     /** Modifies the default element that is rendered. The `as` prop on the component still overrides the default set here. */
     as?: ElementType;
@@ -208,7 +208,7 @@ type ExtendedButtonProps<TExtendedConfig extends ExtendedButtonConfig, TTag exte
  * # Button
  * - A pre-styled button with utility props for easy customization depending on use case.
  */
-declare function Button<TTag extends ElementType = typeof Button$1>({ className, customTheme, gradient, padding, rounded, theme, ...props }: ButtonProps<TTag>): react_jsx_runtime.JSX.Element;
+declare function Button<TTag extends ElementType = typeof Button$1>({ className, customTheme, gradient, padding, rounded, theme, ...props }: ButtonProps<TTag>): ReactElement;
 /**
  * # createButton
  * Creates an extended Button component with additional theme options.
@@ -248,9 +248,9 @@ type DetailsSummaryProps<TTag extends ElementType = typeof Button<typeof Headles
     className?: string;
 };
 
-declare function DetailsSummary<TTag extends ElementType = typeof Button>({ arrow, children, className, ...props }: DetailsSummaryProps<TTag>): react_jsx_runtime.JSX.Element;
-declare function DetailsBody<TTag extends ElementType = 'div'>({ children, className, ...props }: DetailsBodyProps<TTag>): react_jsx_runtime.JSX.Element;
-declare function Details<TTag extends ElementType = 'div'>({ as, className, ...props }: DetailsProps<TTag>): react_jsx_runtime.JSX.Element;
+declare function DetailsSummary<TTag extends ElementType = typeof Button>({ arrow, children, className, ...props }: DetailsSummaryProps<TTag>): ReactElement;
+declare function DetailsBody<TTag extends ElementType = 'div'>({ children, className, ...props }: DetailsBodyProps<TTag>): ReactElement;
+declare function Details<TTag extends ElementType = 'div'>({ as, className, ...props }: DetailsProps<TTag>): ReactElement;
 
 type DropDownButtonProps<TTag extends ElementType = 'button'> = Omit<MenuButtonProps<TTag>, 'as' | 'className'> & {
     arrow?: boolean | ReactNode;
@@ -274,12 +274,12 @@ type DropDownSectionProps = MenuSectionProps & {
 };
 type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as'> & AnyElementProps<TTag>;
 
-declare function DropDownButton<TTag extends ElementType = 'button'>({ arrow, as, children, className, ...props }: DropDownButtonProps<TTag>): react_jsx_runtime.JSX.Element;
-declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...props }: DropDownItemProps<TTag>): react_jsx_runtime.JSX.Element;
-declare function DropDownItems({ anchor, children, className, containerClassName, style, ...props }: DropDownItemsProps): react_jsx_runtime.JSX.Element;
-declare function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }: DropDownSectionProps): react_jsx_runtime.JSX.Element;
-declare function DropDownSeparator<TTag extends ElementType = 'div'>({ as, className, ...props }: DropDownSeparatorProps<TTag>): react_jsx_runtime.JSX.Element;
-declare function DropDown(props: DropDownProps): react_jsx_runtime.JSX.Element;
+declare function DropDownButton<TTag extends ElementType = 'button'>({ arrow, as, children, className, ...props }: DropDownButtonProps<TTag>): ReactElement;
+declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...props }: DropDownItemProps<TTag>): ReactElement;
+declare function DropDownItems({ anchor, children, className, containerClassName, style, ...props }: DropDownItemsProps): ReactElement;
+declare function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }: DropDownSectionProps): ReactElement;
+declare function DropDownSeparator<TTag extends ElementType = 'div'>({ as, className, ...props }: DropDownSeparatorProps<TTag>): ReactElement;
+declare function DropDown(props: DropDownProps): ReactElement;
 
 type StringField = {
     type: 'email' | 'file' | 'number' | 'string' | 'tel' | 'textarea' | 'url';
@@ -338,7 +338,7 @@ type FieldsetProps = Omit<FieldsetProps$1, 'name'> & NameOrLegend & {
     join?: string;
 };
 
-declare function Fieldset({ children, className, decorative, join, legend, legendProps, name, ...props }: FieldsetProps): react_jsx_runtime.JSX.Element;
+declare function Fieldset({ children, className, decorative, join, legend, legendProps, name, ...props }: FieldsetProps): ReactElement;
 
 type DayNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
 type DateTimeObject = {
@@ -453,7 +453,7 @@ type PhoneOptions = {
     format: 'continuous' | 'dot' | 'hyphenated' | 'none' | 'space' | 'standard';
 };
 
-declare function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, max, min, name, onBlur, onChange, options, placeholder, ref, required, type, value, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, max, min, name, onBlur, onChange, options, placeholder, ref, required, type, value, ...props }: InputProps): ReactElement;
 
 type SubmitButtonProps = Omit<ButtonProps, 'as' | 'customTheme' | 'href' | 'theme'> & {
     /** This doesn't do much by default, because we use built-in colors for different form states. You'll have to modify a good bit to make this do anything. */
@@ -491,7 +491,7 @@ type SubmitButtonProps = Omit<ButtonProps, 'as' | 'customTheme' | 'href' | 'them
     theme?: never;
 };
 
-declare function SubmitButton({ children, className, customTheme, error, incomplete, loading, success, type, ...props }: SubmitButtonProps): react_jsx_runtime.JSX.Element;
+declare function SubmitButton({ children, className, customTheme, error, incomplete, loading, success, type, ...props }: SubmitButtonProps): ReactElement;
 
 type TextareaProps = Omit<TextareaProps$1, 'name'> & {
     description?: ReactNode;
@@ -509,7 +509,7 @@ type TextareaProps = Omit<TextareaProps$1, 'name'> & {
     ref?: RefObject<HTMLTextAreaElement | null>;
 };
 
-declare function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, name, onBlur, onChange, placeholder, ref, required, value, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+declare function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, name, onBlur, onChange, placeholder, ref, required, value, ...props }: TextareaProps): ReactElement;
 
 type FormSubmitArgs = {
     event: FormEvent<HTMLFormElement>;
@@ -538,7 +538,7 @@ type FormProps<T extends ElementType = 'form'> = Omit<AnyElementProps<T, {
 declare function Form<T extends ElementType = 'form'>({ controlled, initialStatus, ...props }: FormProps<T>): react_jsx_runtime.JSX.Element;
 
 type GhostProps = HTMLAttributes<HTMLDivElement>;
-declare function Ghost({ children, className, ...props }: GhostProps): react_jsx_runtime.JSX.Element;
+declare function Ghost({ children, className, ...props }: GhostProps): ReactElement;
 
 type HeadingProps = HTMLAttributes<HTMLHeadingElement> & {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -558,7 +558,7 @@ type HeadingProps = HTMLAttributes<HTMLHeadingElement> & {
  * A heading component that renders HTML heading elements (h1-h6) with appropriate styling.
  * Automatically generates an ID for the heading based on its content if none is provided.
  */
-declare function Heading({ as, children, customize, className, id, ref, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function Heading({ as, children, customize, className, id, ref, ...props }: HeadingProps): ReactElement;
 
 type IFrameAllowAttribute = 'accelerometer' | 'ambient-light-sensor' | 'attribution-reporting' | 'autoplay' | 'bluetooth' | 'camera' | 'captured-surface-control' | 'compute-pressure' | 'cross-origin-isolated' | 'deferred-fetch' | 'deferred-fetch-minimal' | 'display-capture' | 'encrypted-media' | 'fullscreen' | 'gamepad' | 'geolocation' | 'gyroscope' | 'hid' | 'identity-credentials-get' | 'idle-detection' | 'language-detector' | 'local-fonts' | 'magnetometer' | 'microphone' | 'midi' | 'otp-credentials' | 'payment' | 'picture-in-picture' | 'publickey-credentials-get' | 'screen-wake-lock' | 'serial' | 'speaker-selection' | 'storage-access' | 'translator' | 'summarizer' | 'usb' | 'web-share' | 'window-management' | 'xr-spatial-tracking';
 type IFrameReferrerPolicyAttribute = 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
@@ -573,7 +573,7 @@ type IFrameProps = Omit<ComponentPropsWithRef<'iframe'>, 'allow' | 'children' |
  * # iFrame
  * - An `<iframe/>` with preset classes, backup, and required title for SEO.
  */
-declare function IFrame({ allow, className, referrerPolicy, sandbox, ...props }: IFrameProps): react_jsx_runtime.JSX.Element;
+declare function IFrame({ allow, className, referrerPolicy, sandbox, ...props }: IFrameProps): ReactElement;
 
 type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     children: ReactNode | (({ openModal, closeModal }: {
@@ -586,11 +586,11 @@ type ModalProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
     place?: 'center' | 'bottom';
 };
 
-declare function ModalTrigger<T extends ElementType = typeof Button$1>({ as, ...props }: AnyElementProps<T>): react_jsx_runtime.JSX.Element;
-declare function ModalTitle(props: DialogTitleProps): react_jsx_runtime.JSX.Element;
-declare function ModalDialog(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function ModalClose<T extends ElementType = typeof Button$1>({ as, ...props }: AnyElementProps<T>): react_jsx_runtime.JSX.Element;
-declare function Modal({ children, className, onClose, onOpen, place }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function ModalTrigger<T extends ElementType = typeof Button$1>({ as, ...props }: AnyElementProps<T>): ReactElement;
+declare function ModalTitle(props: DialogTitleProps): ReactElement;
+declare function ModalDialog(props: HTMLAttributes<HTMLDivElement>): ReactElement;
+declare function ModalClose<T extends ElementType = typeof Button$1>({ as, ...props }: AnyElementProps<T>): ReactElement;
+declare function Modal({ children, className, onClose, onOpen, place }: ModalProps): ReactElement;
 
 type TimeProps = HTMLAttributes<HTMLTimeElement> & Partial<{
     dateObject: Date;
@@ -606,7 +606,7 @@ type TimeProps = HTMLAttributes<HTMLTimeElement> & Partial<{
     ref?: RefObject<HTMLTimeElement | null>;
 };
 
-declare function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }: TimeProps): react_jsx_runtime.JSX.Element;
+declare function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }: TimeProps): ReactElement;
 
 type TooltipProps = {
     anchor?: Placement;
@@ -628,9 +628,9 @@ type TooltipTriggerProps<T extends ElementType = 'button'> = AnyElementProps<T>
 };
 type TooltipPanelProps<T extends ElementType = 'div'> = AnyElementProps<T>;
 
-declare function TooltipTrigger<T extends ElementType = typeof Button$1>({ as, asChild, children, ...props }: TooltipTriggerProps<T>): react_jsx_runtime.JSX.Element;
-declare function TooltipPanel<T extends ElementType = 'div'>({ as, children, className, style, ...props }: TooltipPanelProps<T>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ anchor, arrow, arrowClassName, children, delay, offset, onClose, onOpen, portal, }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger<T extends ElementType = typeof Button$1>({ as, asChild, children, ...props }: TooltipTriggerProps<T>): ReactElement;
+declare function TooltipPanel<T extends ElementType = 'div'>({ as, children, className, style, ...props }: TooltipPanelProps<T>): ReactElement;
+declare function Tooltip({ anchor, arrow, arrowClassName, children, delay, offset, onClose, onOpen, portal, }: TooltipProps): ReactElement;
 
 type VideoControl = 'download' | 'fullscreen' | 'playbackrate' | 'pause' | 'remoteplayback' | 'seeking' | 'volume';
 type Source = {
@@ -659,7 +659,7 @@ type VideoProps = Omit<ComponentPropsWithRef<'video'>, 'controls' | 'controlList
     title: string;
 };
 
-declare function Video({ autoPlay, className, controls, poster, ref, srcSet, title, ...props }: VideoProps): react_jsx_runtime.JSX.Element;
+declare function Video({ autoPlay, className, controls, poster, ref, srcSet, title, ...props }: VideoProps): ReactElement;
 
 export { Anchor, Button, Details, DetailsBody, DetailsSummary, DropDown, DropDownButton, DropDownItem, DropDownItems, DropDownSection, DropDownSeparator, Fieldset, Form, Ghost, Heading, IFrame, Input, Link, Modal, ModalClose, ModalDialog, ModalTitle, ModalTrigger, SubmitButton, Textarea, Time, Tooltip, TooltipPanel, TooltipTrigger, Video, createButton, createLink };
-export type { AnchorProps, ButtonBorderRadius, ButtonPadding, ButtonProps, DetailsBodyProps, DetailsProps, DetailsSummaryProps, DropDownButtonProps, DropDownItemProps, DropDownItemsProps, DropDownProps, DropDownSectionProps, DropDownSeparatorProps, ExtendedButtonConfig, ExtendedButtonProps, ExtendedLinkConfig, ExtendedLinkProps, FieldsetProps, FormProps, FormSubmitArgs, HeadingProps, IFrameAllowAttribute, IFrameProps, IFrameReferrerPolicyAttribute, IFrameSandboxAttribute, InputProps, LinkProps, ModalProps, SubmitButtonProps, TextareaProps, TooltipPanelProps, TooltipProps, TooltipTriggerProps, VideoControl, VideoProps };
+export type { AnchorProps, ButtonBorderRadius, ButtonPadding, ButtonProps, DetailsBodyProps, DetailsProps, DetailsSummaryProps, DropDownButtonProps, DropDownItemProps, DropDownItemsProps, DropDownProps, DropDownSectionProps, DropDownSeparatorProps, ExtendedButtonConfig, ExtendedButtonProps, ExtendedLinkConfig, ExtendedLinkProps, FieldsetProps, FormProps, FormSubmitArgs, GhostProps, HeadingProps, IFrameAllowAttribute, IFrameProps, IFrameReferrerPolicyAttribute, IFrameSandboxAttribute, InputProps, LinkProps, ModalProps, SubmitButtonProps, TextareaProps, TooltipPanelProps, TooltipProps, TooltipTriggerProps, VideoControl, VideoProps };