mado-ui 0.5.4 → 0.5.7

package/dist/index.d.ts

@@ -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
@@ -243,7 +244,7 @@ type DetailsBodyProps<TTag extends ElementType = 'div'> = Omit<DisclosurePanelPr
 type DetailsProps<TTag extends ElementType = 'div'> = Omit<DisclosureProps<TTag>, 'className' | 'role'> & {
     className?: string;
 };
-type DetailsSummaryProps<TTag extends ElementType = typeof Button<typeof HeadlessButton>> = Omit<DisclosureButtonProps<TTag>, 'as' | 'className' | 'role'> & {
+type DetailsSummaryProps<TTag extends ElementType = typeof Button<typeof Button$1>> = Omit<DisclosureButtonProps<TTag>, 'as' | 'className' | 'role'> & {
     arrow?: boolean | ReactNode;
     className?: string;
 };
@@ -252,33 +253,33 @@ 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 = {
@@ -356,64 +357,64 @@ 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 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 TimeMinMax = [DateTimeObject['hour'], DateTimeObject['minute'], DateTimeObject['second']] | Pick<DateTimeObject, 'hour' | 'minute' | 'second'>;
+type TimeMinMax = [DateTimeObject["hour"], DateTimeObject["minute"], DateTimeObject["second"]] | Pick<DateTimeObject, "hour" | "minute" | "second">;
 type WeekMinMax = [number, WeekNumber];
 type InputType = OneOf<[
     {
-        type?: 'date';
+        type?: "date";
         min?: DateMinMax;
         max?: DateMinMax;
     },
     {
-        type?: 'datetime' | 'datetime-local';
+        type?: "datetime" | "datetime-local";
         min?: DateTimeMinMax;
         max?: DateTimeMinMax;
     },
     {
-        type?: 'number';
+        type?: "number";
         max?: number;
         min?: number;
     },
     {
-        type?: 'password';
+        type?: "password";
         options?: Partial<PasswordOptions>;
     },
     {
-        type?: 'tel';
+        type?: "tel";
         options?: Partial<PhoneOptions>;
     },
     {
-        type?: 'time';
+        type?: "time";
         min?: TimeMinMax;
         max?: TimeMinMax;
     },
     {
-        type?: 'week';
+        type?: "week";
         min?: WeekMinMax;
         max?: WeekMinMax;
     },
     {
-        type?: Exclude<HTMLInputTypeAttribute, 'date' | 'datetime' | 'datetime-local' | 'number' | 'password' | 'tel' | 'time' | 'week'>;
+        type?: Exclude<HTMLInputTypeAttribute, "date" | "datetime" | "datetime-local" | "number" | "password" | "tel" | "time" | "week">;
     }
 ]>;
-type InputProps = Omit<InputProps$1, 'max' | 'min' | 'name' | 'type'> & InputType & {
+type InputProps = Omit<InputProps$1, "max" | "min" | "name" | "type"> & InputType & {
     description?: ReactNode;
-    descriptionProps?: Omit<DescriptionProps, 'children'> & {
+    descriptionProps?: Omit<DescriptionProps, "children"> & {
         /** @deprecated Use the `description` prop instead. */
         children?: never;
     };
-    fieldProps?: Omit<FieldProps, 'children' | 'disabled'>;
+    fieldProps?: Omit<FieldProps, "children" | "disabled">;
     label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'> & {
+    labelProps?: Omit<LabelProps, "children"> & {
         /** @deprecated Use the `label` prop instead. */
         children?: never;
     };
@@ -450,7 +451,7 @@ type PhoneOptions = {
      * format: 'standard' (default)
      * returns: (555) 555-5555
      */
-    format: 'continuous' | 'dot' | 'hyphenated' | 'none' | 'space' | 'standard';
+    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): ReactElement;
@@ -623,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,
@@ -643,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. */
@@ -661,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, SubmitButton, Textarea, Time, Tooltip, TooltipPanel, TooltipTrigger, Video, createButton, createLink };
+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 };