mado-ui 0.5.5 → 0.5.7

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Url, UrlObject } from 'node:url';
-import { ElementType, ComponentPropsWithRef, ReactElement, ReactNode, 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, ListboxProps, ListboxSelectedOptionProps, TextareaProps as TextareaProps$1, DialogTitleProps } from '@headlessui/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';
 
 type AnyElementProps<TTag extends ElementType, Props extends {
@@ -40,10 +40,10 @@ type OnlyFirst<F, L> = F & {
     [Key in keyof Omit<L, keyof F>]?: never;
 };
 
-type AnchorProps<TTag extends ElementType = 'a'> = AnyElementProps<TTag> & {
+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>): ReactElement;
+declare function Anchor<TTag extends ElementType = "a">({ as, className, disabled, href, onClick, target, rel, ...props }: AnchorProps<TTag>): ReactElement;
 type ThemeColorOrClasses = OneOf<[
     {
         /**
@@ -59,12 +59,13 @@ type ThemeColorOrClasses = OneOf<[
 ]>;
 type LinkProps<TTag extends ElementType = typeof Anchor> = AnyElementProps<TTag, OneOf<[
     {
-        type?: 'center' | 'lift' | 'ltr' | 'multiline' | 'multiline-center' | 'multiline-lift' | 'multiline-ltr' | 'multiline-rtl' | 'multiline-static' | 'normal' | 'rtl' | 'static';
+        type?: "center" | "lift" | "ltr" | "multiline" | "multiline-center" | "multiline-lift" | "multiline-ltr" | "multiline-rtl" | "multiline-static" | "normal" | "rtl" | "static";
     },
     {
-        type?: 'fill' | 'fill-lift' | 'fill-ltr' | 'fill-rtl' | 'multiline-fill' | 'multiline-fill-center' | 'multiline-fill-ltr' | 'multiline-fill-lift' | 'multiline-fill-rtl';
+        type?: "fill" | "fill-lift" | "fill-ltr" | "fill-rtl" | "multiline-fill" | "multiline-fill-center" | "multiline-fill-ltr" | "multiline-fill-lift" | "multiline-fill-rtl";
     } & ColorTheme
 ]>>;
+declare function getLinkClasses({ customTheme, theme, type }: Pick<LinkProps, "customTheme" | "theme" | "type">): string;
 /**
  * # Link
  *
@@ -101,14 +102,14 @@ type ExtendedLinkConfig = {
     /** Adds default classes. */
     className?: string;
     /** Sets the default theme. */
-    defaultTheme?: ColorTheme['theme'] | string;
+    defaultTheme?: ColorTheme["theme"] | string;
     /** Sets the default for the `type` prop. */
-    type?: LinkProps['type'];
+    type?: LinkProps["type"];
     /** Add more theme options. */
     theme?: {
         [themeName: string]: {
             /** Custom theme configuration - supports both multiline and regular link theme formats */
-            customTheme: Omit<ThemeColorOrClasses, 'themeColor'> & {
+            customTheme: Omit<ThemeColorOrClasses, "themeColor"> & {
                 themeColor?: {
                     /** Example: `'after:[--theme-color:var(--color-blue-500)]'` */
                     fill: string;
@@ -121,10 +122,10 @@ type ExtendedLinkConfig = {
         };
     };
 };
-type ExtendedThemeNames$1<T extends ExtendedLinkConfig> = T['theme'] extends Record<string, unknown> ? keyof T['theme'] : never;
-type ExtendedLinkProps<TExtendedConfig extends ExtendedLinkConfig, TTag extends ElementType = typeof Anchor> = Omit<LinkProps<TTag>, 'theme' | 'customTheme'> & {
-    theme?: LinkProps<TTag>['theme'] | ExtendedThemeNames$1<TExtendedConfig>;
-    customTheme?: LinkProps<TTag>['customTheme'];
+type ExtendedThemeNames$1<T extends ExtendedLinkConfig> = T["theme"] extends Record<string, unknown> ? keyof T["theme"] : never;
+type ExtendedLinkProps<TExtendedConfig extends ExtendedLinkConfig, TTag extends ElementType = typeof Anchor> = Omit<LinkProps<TTag>, "theme" | "customTheme"> & {
+    theme?: LinkProps<TTag>["theme"] | ExtendedThemeNames$1<TExtendedConfig>;
+    customTheme?: LinkProps<TTag>["customTheme"];
 };
 /**
  * # createLink
@@ -252,38 +253,40 @@ declare function DetailsSummary<TTag extends ElementType = typeof Button>({ arro
 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'> & {
+type DropDownButtonProps<TTag extends ElementType = "button"> = Omit<MenuButtonProps<TTag>, "as" | "className"> & {
     arrow?: boolean | ReactNode;
     as?: TTag | ElementType;
     className?: string;
 };
-type DropDownItemProps<TTag extends ElementType = 'div'> = Omit<MenuItemProps<TTag>, 'as'> & AnyElementProps<TTag>;
-type DropDownItemsProps = Omit<MenuItemsProps, 'className' | 'transition'> & {
+type DropDownItemProps<TTag extends ElementType = "div"> = Omit<MenuItemProps<TTag>, "as"> & AnyElementProps<TTag>;
+type DropDownItemsProps = Omit<MenuItemsProps, "className" | "transition"> & {
     className?: string;
     containerClassName?: string;
 };
 type DropDownProps = MenuProps;
 type DropDownSectionProps = MenuSectionProps & {
-    label?: string;
-    labelProps?: Omit<MenuHeadingProps, 'children'> & {
+    label?: ReactNode;
+    labelProps?: Omit<MenuHeadingProps, "children"> & {
         /** @deprecated Use `label` instead. */
         children?: never;
     };
     separatorAbove?: boolean;
     separatorBelow?: boolean;
 };
-type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as'> & AnyElementProps<TTag>;
+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>): ReactElement;
-declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...props }: DropDownItemProps<TTag>): ReactElement;
+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 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';
     value: string;
+    required?: boolean;
+    invalid?: boolean;
 };
 type ObjectField = {
     type: 'object';
@@ -291,14 +294,12 @@ type ObjectField = {
 };
 type ArrayField = {
     type: 'array';
-    of: ArrayObjectOrNormalField[];
+    of: ArrayObjectOrNormalField;
 };
 type ArrayObjectOrNormalField = StringField | ArrayField | ObjectField;
-type Field<T extends StringField | ArrayField | ObjectField = ArrayObjectOrNormalField> = T & {
+type Field = ArrayObjectOrNormalField & {
     id: string;
     name: string;
-    required?: boolean;
-    invalid?: boolean;
 };
 type FormContext = Field[];
 
@@ -356,38 +357,70 @@ type MonthNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type SecondNumber = MinuteNumber;
 type WeekNumber = 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 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53;
 
-type DateMinMax = Date | [number, DateTimeObject['month'], DateTimeObject['day']] | Pick<DateTimeObject, 'day' | 'month' | 'year'>;
-type DateOrTimeSelectorType = 'dropdown' | 'rotary';
-type DateSelectorType = DateOrTimeSelectorType | 'calendar';
+type DateMinMax = Date | [number, DateTimeObject["month"], DateTimeObject["day"]] | Pick<DateTimeObject, "day" | "month" | "year">;
 type DateTimeMinMax = Date | [
     number,
-    DateTimeObject['month'],
-    DateTimeObject['day'],
-    DateTimeObject['hour'],
-    DateTimeObject['minute'],
-    DateTimeObject['second']
+    DateTimeObject["month"],
+    DateTimeObject["day"],
+    DateTimeObject["hour"],
+    DateTimeObject["minute"],
+    DateTimeObject["second"]
 ] | DateTimeObject;
-type DateTimeUIOption = {
-    date: DateSelectorType | DateSelectorType[] | {
-        desktop: DateSelectorType | DateSelectorType[];
-        mobile: DateSelectorType | DateSelectorType[];
+type TimeMinMax = [DateTimeObject["hour"], DateTimeObject["minute"], DateTimeObject["second"]] | Pick<DateTimeObject, "hour" | "minute" | "second">;
+type WeekMinMax = [number, WeekNumber];
+type InputType = OneOf<[
+    {
+        type?: "date";
+        min?: DateMinMax;
+        max?: DateMinMax;
+    },
+    {
+        type?: "datetime" | "datetime-local";
+        min?: DateTimeMinMax;
+        max?: DateTimeMinMax;
+    },
+    {
+        type?: "number";
+        max?: number;
+        min?: number;
+    },
+    {
+        type?: "password";
+        options?: Partial<PasswordOptions>;
+    },
+    {
+        type?: "tel";
+        options?: Partial<PhoneOptions>;
+    },
+    {
+        type?: "time";
+        min?: TimeMinMax;
+        max?: TimeMinMax;
+    },
+    {
+        type?: "week";
+        min?: WeekMinMax;
+        max?: WeekMinMax;
+    },
+    {
+        type?: Exclude<HTMLInputTypeAttribute, "date" | "datetime" | "datetime-local" | "number" | "password" | "tel" | "time" | "week">;
+    }
+]>;
+type InputProps = Omit<InputProps$1, "max" | "min" | "name" | "type"> & InputType & {
+    description?: ReactNode;
+    descriptionProps?: Omit<DescriptionProps, "children"> & {
+        /** @deprecated Use the `description` prop instead. */
+        children?: never;
     };
-    time: TimeSelectorType | TimeSelectorType[] | {
-        desktop: TimeSelectorType | TimeSelectorType[];
-        mobile: TimeSelectorType | TimeSelectorType[];
+    fieldProps?: Omit<FieldProps, "children" | "disabled">;
+    label?: ReactNode;
+    labelProps?: Omit<LabelProps, "children"> & {
+        /** @deprecated Use the `label` prop instead. */
+        children?: never;
     };
+    name: string;
+    ref?: RefObject<HTMLInputElement | null>;
 };
-type DateUIOption = DateSelectorType | DateSelectorType[] | {
-    desktop: DateSelectorType | DateSelectorType[];
-    mobile: DateSelectorType | DateSelectorType[];
-};
-type TimeMinMax = Date | [DateTimeObject['hour'], DateTimeObject['minute'], DateTimeObject['second']] | Pick<DateTimeObject, 'hour' | 'minute' | 'second'>;
-type TimeSelectorType = DateOrTimeSelectorType | 'clock';
-type TimeUIOption = TimeSelectorType | TimeSelectorType[] | {
-    desktop: TimeSelectorType | TimeSelectorType[];
-    mobile: TimeSelectorType | TimeSelectorType[];
-};
-
 type PasswordOptions = {
     matchPreviousInput: boolean;
     requireLowercaseCharacter: boolean;
@@ -418,141 +451,10 @@ type PhoneOptions = {
      * format: 'standard' (default)
      * returns: (555) 555-5555
      */
-    format: 'continuous' | 'dot' | 'hyphenated' | 'none' | 'space' | 'standard';
-};
-
-type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'list' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'year';
-type DateTimeTypeProps = {
-    type: 'datetime' | 'datetime-local';
-    min?: DateTimeMinMax;
-    max?: DateTimeMinMax;
-    options?: Partial<{
-        ui: DateTimeUIOption;
-    }>;
-};
-type DateTypeProps = {
-    type: 'date';
-    min?: DateMinMax;
-    max?: DateMinMax;
-    options?: Partial<{
-        ui: DateUIOption;
-    }>;
-};
-type MonthTypeProps = {
-    type: 'month';
-    min?: MonthNumber;
-    max?: MonthNumber;
-    options?: Partial<{
-        ui: DateUIOption;
-    }>;
-};
-type NumberTypeProps = {
-    type: 'number';
-    max?: number;
-    min?: number;
-};
-type PasswordTypeProps = {
-    type: 'password';
-    options?: Partial<PasswordOptions>;
-};
-type PhoneTypeProps = {
-    type: 'tel';
-    options?: Partial<PhoneOptions>;
-};
-type TimeTypeProps = {
-    type: 'time';
-    min?: TimeMinMax;
-    max?: TimeMinMax;
-    options?: {
-        ui: TimeUIOption;
-    };
-};
-type WeekTypeProps = {
-    type: 'week';
-    min?: WeekNumber;
-    max?: WeekNumber;
-    options?: {
-        ui: DateUIOption;
-    };
-};
-type YearTypeProps = {
-    type: 'year';
-    min?: number;
-    max?: number;
-    options?: Partial<{
-        ui: DateUIOption;
-    }>;
-};
-type InputTypeProps = OneOf<[
-    DateTypeProps,
-    DateTimeTypeProps,
-    MonthTypeProps,
-    NumberTypeProps,
-    PasswordTypeProps,
-    PhoneTypeProps,
-    TimeTypeProps,
-    WeekTypeProps,
-    YearTypeProps,
-    {
-        type?: Exclude<InputType, 'date' | 'datetime' | 'datetime-local' | 'month' | 'number' | 'password' | 'tel' | 'time' | 'week' | 'year'>;
-    }
-]>;
-
-type InputProps = Omit<InputProps$1, 'max' | 'min' | 'name' | 'type'> & InputTypeProps & {
-    description?: ReactNode;
-    descriptionProps?: Omit<DescriptionProps, 'children'> & {
-        /** @deprecated Use the `description` prop instead. */
-        children?: never;
-    };
-    fieldProps?: Omit<FieldProps, 'children' | 'disabled'>;
-    label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'> & {
-        /** @deprecated Use the `label` prop instead. */
-        children?: never;
-    };
-    name: string;
-    ref?: RefObject<HTMLInputElement | null>;
-};
-
-declare function Input({ as, 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 IsolatedValue<T extends ValueOption | ValueOption[]> = {
-    defaultValue?: T;
-} | {
-    value?: T;
-};
-type MultipleOrSingleValue = OneOf<[
-    {
-        multiple: true;
-    } & IsolatedValue<ValueOption[]>,
-    {
-        multiple?: false;
-    } & IsolatedValue<ValueOption>
-]>;
-type SelectProps = Omit<ListboxProps, 'defaultValue' | 'multiple' | 'name' | 'value'> & Pick<FieldProps, 'disabled'> & MultipleOrSingleValue & {
-    description?: ReactNode;
-    descriptionProps?: Omit<DescriptionProps, 'children'> & {
-        /** @deprecated Use the `description` prop instead. */
-        children?: never;
-    };
-    fieldProps?: Omit<FieldProps, 'children' | 'disabled'>;
-    label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'> & {
-        /** @deprecated Use the `label` prop instead. */
-        children?: never;
-    };
-    name: string;
-    optionList: ListboxSelectedOptionProps['options'];
-    ref?: RefObject<HTMLInputElement | null>;
-    required?: boolean;
-};
-type ValueOption = string | {
-    id: string;
-    render?: ReactNode;
-    value: string;
+    format: "continuous" | "dot" | "hyphenated" | "none" | "space" | "standard";
 };
 
-declare function Select({ defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, multiple, name, onChange, optionList, required, value, ...props }: SelectProps): ReactElement;
+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. */
@@ -722,19 +624,19 @@ type TooltipProps = {
     portal?: boolean;
     maxWidth?: number;
 };
-type TooltipTriggerProps<T extends ElementType = 'button'> = AnyElementProps<T> & {
+type TooltipTriggerProps<T extends ElementType = "button"> = AnyElementProps<T> & {
     asChild?: boolean;
 };
-type TooltipPanelProps<T extends ElementType = 'div'> = 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>): ReactElement;
-declare function TooltipPanel<T extends ElementType = 'div'>({ as, children, className, style, ...props }: TooltipPanelProps<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 VideoControl = "download" | "fullscreen" | "playbackrate" | "pause" | "remoteplayback" | "seeking" | "volume";
 type Source = {
     src: string;
-    type: 'video/avi' | 'video/flv' | 'video/mkv' | 'video/mov' | 'video/mp4' | 'video/ogg' | 'video/webm';
+    type: "video/avi" | "video/flv" | "video/mkv" | "video/mov" | "video/mp4" | "video/ogg" | "video/webm";
 };
 type SourceOrSourceGroup = OneOf<[
     Source,
@@ -742,12 +644,12 @@ type SourceOrSourceGroup = OneOf<[
         srcGroup: Source[];
     }
 ]>;
-type VideoProps = Omit<ComponentPropsWithRef<'video'>, 'controls' | 'controlList' | 'poster' | 'src' | 'title'> & {
+type VideoProps = Omit<ComponentPropsWithRef<"video">, "controls" | "controlList" | "poster" | "src" | "title"> & {
     controls?: boolean | VideoControl | VideoControl[];
     poster?: {
         primary?: boolean;
         src: string;
-        type: 'image/apng' | 'image/avif' | 'image/gif' | 'image/jpeg' | 'image/png' | 'image/svg+xml' | 'image/webp';
+        type: "image/apng" | "image/avif" | "image/gif" | "image/jpeg" | "image/png" | "image/svg+xml" | "image/webp";
         width: number;
     }[];
     /** @deprecated Even if you only have on source file, please use srcSet. */
@@ -760,5 +662,5 @@ type VideoProps = Omit<ComponentPropsWithRef<'video'>, 'controls' | 'controlList
 
 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, Select, 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, GhostProps, HeadingProps, IFrameAllowAttribute, IFrameProps, IFrameReferrerPolicyAttribute, IFrameSandboxAttribute, InputProps, LinkProps, ModalProps, SelectProps, SubmitButtonProps, TextareaProps, TooltipPanelProps, TooltipProps, TooltipTriggerProps, VideoControl, VideoProps };
+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, getLinkClasses };
+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 };