mado-ui 0.3.2 → 0.5.0

package/dist/components/button.d.ts

@@ -1,26 +1,6 @@
 import { Url, UrlObject } from 'node:url';
 import { ElementType } from 'react';
-import { AnyElementProps, OneOf } from '../types';
-type ColorTheme = OneOf<[
-    {
-        /** Color theme. */
-        theme?: 'blue' | 'brown' | 'green' | 'grey' | 'sky-blue' | 'magenta' | 'orange' | 'pink' | 'purple' | 'red' | 'violet' | 'yellow';
-    },
-    {
-        /** Color theme. */
-        theme?: 'custom';
-        customTheme: OneOf<[
-            {
-                /** Example: `'[--theme-color:var(--color-blue-500)]'` */
-                themeColor: string;
-            },
-            {
-                /** This doesn't use any preset color theme classes. */
-                classes: string;
-            }
-        ]>;
-    }
-]>;
+import { AnyElementProps, ColorTheme, OneOf } from '../types';
 type LinkOrOther<TTag extends ElementType = typeof HeadlessButton> = OneOf<[
     AnyElementProps<TTag> & {
         href?: never;
@@ -66,7 +46,7 @@ export type ExtendedButtonConfig = {
         };
     };
 };
-export type ExtendedThemeNames<T extends ExtendedButtonConfig> = T['theme'] extends Record<string, unknown> ? keyof T['theme'] : never;
+type ExtendedThemeNames<T extends ExtendedButtonConfig> = T['theme'] extends Record<string, unknown> ? keyof T['theme'] : never;
 export type ExtendedButtonProps<TExtendedConfig extends ExtendedButtonConfig, TTag extends ElementType = typeof HeadlessButton> = Omit<ButtonProps<TTag>, 'theme' | 'customTheme'> & {
     theme?: ButtonProps<TTag>['theme'] | ExtendedThemeNames<TExtendedConfig>;
     customTheme?: ButtonProps<TTag>['customTheme'];
@@ -77,7 +57,7 @@ import { Button as HeadlessButton } from '@headlessui/react';
  * # Button
  * - A pre-styled button with utility props for easy customization depending on use case.
  */
-export default function Button<TTag extends ElementType = typeof HeadlessButton>({ className, customTheme, gradient, padding, rounded, theme, ...props }: ButtonProps<TTag>): import("react/jsx-runtime").JSX.Element;
+export declare function Button<TTag extends ElementType = typeof HeadlessButton>({ className, customTheme, gradient, padding, rounded, theme, ...props }: ButtonProps<TTag>): import("react/jsx-runtime").JSX.Element;
 /**
  * # createButton
  * Creates an extended Button component with additional theme options.

package/dist/components/details.d.ts

@@ -10,7 +10,7 @@ export type DetailsSummaryProps<TTag extends ElementType = typeof Button<typeof
     className?: string;
 };
 import { Button as HeadlessButton, DisclosureProps, DisclosureButtonProps, DisclosurePanelProps } from '@headlessui/react';
-import Button from './button';
+import { Button } from './button';
 export declare function DetailsSummary<TTag extends ElementType = typeof Button>({ arrow, children, className, ...props }: DetailsSummaryProps<TTag>): import("react/jsx-runtime").JSX.Element;
 export declare function DetailsBody<TTag extends ElementType = 'div'>({ children, className, ...props }: DetailsBodyProps<TTag>): import("react/jsx-runtime").JSX.Element;
-export default function Details<TTag extends ElementType = 'div'>({ as, className, ...props }: DetailsProps<TTag>): import("react/jsx-runtime").JSX.Element;
+export declare function Details<TTag extends ElementType = 'div'>({ as, className, ...props }: DetailsProps<TTag>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
+import { AnyElementProps } from '../types';
 import { ElementType, ReactNode } from 'react';
 export type DropDownButtonProps<TTag extends ElementType = 'button'> = Omit<MenuButtonProps<TTag>, 'as' | 'className'> & {
     arrow?: boolean | ReactNode;
     as?: TTag | ElementType;
     className?: string;
 };
-export type DropDownItemProps = MenuItemProps;
+export type DropDownItemProps<TTag extends ElementType = 'div'> = Omit<MenuItemProps<TTag>, 'as'> & AnyElementProps<TTag>;
 export type DropDownItemsProps = Omit<MenuItemsProps, 'className' | 'transition'> & {
     className?: string;
     containerClassName?: string;
@@ -19,11 +20,11 @@ export type DropDownSectionProps = MenuSectionProps & {
     separatorAbove?: boolean;
     separatorBelow?: boolean;
 };
-export type DropDownSeparatorProps = MenuSeparatorProps;
+export type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as'> & AnyElementProps<TTag>;
 import { MenuButtonProps, MenuHeadingProps, MenuItemProps, MenuItemsProps, MenuProps, MenuSectionProps, MenuSeparatorProps } from '@headlessui/react';
 export declare function DropDownButton<TTag extends ElementType = 'button'>({ arrow, as, children, className, ...props }: DropDownButtonProps<TTag>): import("react/jsx-runtime").JSX.Element;
-export declare function DropDownItem({ as, ...props }: DropDownItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...props }: DropDownItemProps<TTag>): import("react/jsx-runtime").JSX.Element;
 export declare function DropDownItems({ anchor, children, className, containerClassName, style, ...props }: DropDownItemsProps): import("react/jsx-runtime").JSX.Element;
 export declare function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }: DropDownSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare function DropDownSeparator({ className, ...props }: DropDownSeparatorProps): import("react/jsx-runtime").JSX.Element;
-export default function DropDown(props: DropDownProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropDownSeparator<TTag extends ElementType = 'div'>({ as, className, ...props }: DropDownSeparatorProps<TTag>): import("react/jsx-runtime").JSX.Element;
+export declare function DropDown(props: DropDownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/fieldset.d.ts

@@ -1,9 +1,37 @@
-export type FieldsetProps = HeadlessFieldsetProps & {
-    legend?: string;
-    legendProps?: Omit<LegendProps, 'children'> & {
-        /** @deprecated Use the `legend` prop instead. */
-        children?: never;
-    };
+import { OneOf } from '../../types';
+type NameOrLegend = OneOf<[
+    {
+        legend: string;
+        legendProps?: Omit<LegendProps, 'children'> & {
+            /** @deprecated Use the `legend` prop instead. */
+            children?: never;
+        };
+    },
+    {
+        name: string;
+    }
+]>;
+export type FieldsetProps = Omit<HeadlessFieldsetProps, 'name'> & NameOrLegend & {
+    /** When true, the fieldset will only be used for decoration and will not affect the `formContext`. */
+    decorative?: boolean;
+    /**
+     * Joins all values in the fieldset into a single string value.
+     *
+     * @example
+     * ```tsx
+     * <Fieldset legend='Full Name' join=' '>
+     *   <Input name='First Name />
+     *   <Input name='Last Name />
+     * </Fieldset>
+     * ```
+     * `[{ name: 'First Name', value: 'Johnny' }, { name: 'Last Name', value: 'Appleseed' }]`
+     *
+     * ↓
+     *
+     * `[{ name: 'Full Name', value: 'Johnny Appleseed' }]`
+     */
+    join?: string;
 };
 import { FieldsetProps as HeadlessFieldsetProps, LegendProps } from '@headlessui/react';
-export default function Fieldset({ children, className, legend, legendProps, ...props }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
+export declare function Fieldset({ children, className, decorative, join, legend, legendProps, name, ...props }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/index.d.ts

@@ -24,9 +24,8 @@ export type FormProps<T extends ElementType = 'form'> = Omit<AnyElementProps<T,
     }>;
 };
 import { FormContext, FormStatus } from '../../hooks';
-export default function Form<T extends ElementType = 'form'>({ controlled, initialStatus, ...props }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
-import Fieldset, { FieldsetProps } from './fieldset';
-import Input, { InputProps } from './input';
-import SubmitButton, { SubmitButtonProps } from './submit-button';
-import Textarea, { TextareaProps } from './textarea';
-export { Fieldset, FieldsetProps, Input, InputProps, Textarea, TextareaProps, SubmitButton, SubmitButtonProps };
+export declare function Form<T extends ElementType = 'form'>({ controlled, initialStatus, ...props }: FormProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from './fieldset';
+export * from './input';
+export * from './submit-button';
+export * from './textarea';

package/dist/components/form/input/date/index.d.ts

@@ -0,0 +1,36 @@
+import { ColorTheme, OneOf } from '../../../../types';
+export type DateOrTimeSelectorType = 'dropdown' | 'rotary';
+export type DateSelectorType = DateOrTimeSelectorType | 'calendar';
+export type TimeSelectorType = DateOrTimeSelectorType | 'clock';
+export type DateAndTimeSelectorType = DateOrTimeSelectorType | 'clock-and-calendar';
+export type DateTimeInputProps = OneOf<[
+    {
+        type: 'date';
+        /** Using an array, offers multiple, defaulting to the first listed option. */
+        ui?: DateSelectorType | DateSelectorType[] | {
+            desktop: DateSelectorType | DateSelectorType[];
+            mobile: DateSelectorType | DateSelectorType[];
+        };
+    },
+    {
+        type: 'datetime';
+        /** Using an array, offers multiple, defaulting to the first listed option. */
+        ui?: DateAndTimeSelectorType | DateAndTimeSelectorType[] | {
+            desktop: DateAndTimeSelectorType | DateAndTimeSelectorType[];
+            mobile: DateAndTimeSelectorType | DateAndTimeSelectorType[];
+        };
+    },
+    {
+        type: 'time';
+        /** Using an array, offers multiple, defaulting to the first listed option. */
+        ui?: TimeSelectorType | TimeSelectorType[] | {
+            desktop: TimeSelectorType | TimeSelectorType[];
+            mobile: TimeSelectorType | TimeSelectorType[];
+        };
+    }
+]> & {
+    max?: Date;
+    min?: Date;
+    theme?: ColorTheme;
+};
+export declare function DateTimeInput({ theme, type, ui, ...props }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/input/index.d.ts

@@ -1,21 +1,54 @@
 import { OneOf } from '../../../types';
-type PasswordOptionList = {
-    matchPreviousInput: boolean;
-    requireLowercaseCharacter: boolean;
-    requireNumber: boolean;
-    requireSpecialCharacter: boolean;
-    requireUppercaseCharacter: boolean;
-};
-type TypeOfPasswordOrNot = OneOf<[
+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;
+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';
-        passwordOptions?: Partial<PasswordOptionList>;
+        options?: Partial<PasswordOptions>;
     },
     {
-        type?: Exclude<HTMLInputTypeAttribute, 'password'>;
+        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'>;
     }
 ]>;
-export type InputProps = Omit<HeadlessInputProps, 'name' | 'type'> & TypeOfPasswordOrNot & {
+export type InputProps = Omit<HeadlessInputProps, 'max' | 'min' | 'name' | 'type'> & InputType & {
     description?: ReactNode;
     descriptionProps?: Omit<DescriptionProps, 'children'> & {
         /** @deprecated Use the `description` prop instead. */
@@ -30,7 +63,40 @@ export type InputProps = Omit<HeadlessInputProps, 'name' | 'type'> & TypeOfPassw
     name: string;
     ref?: RefObject<HTMLInputElement | null>;
 };
+type PasswordOptions = {
+    matchPreviousInput: boolean;
+    requireLowercaseCharacter: boolean;
+    requireNumber: boolean;
+    requireSpecialCharacter: boolean;
+    requireUppercaseCharacter: boolean;
+};
+type PhoneOptions = {
+    countryCode: string;
+    /**
+     * @example
+     * format: 'continuous'
+     * returns: 5555555555
+     *
+     * @example
+     * format: 'dot'
+     * returns: 555.555.5555
+     *
+     * @example
+     * format: 'hyphenated'
+     * returns: 555-555-5555
+     *
+     * @example
+     * format: 'space'
+     * returns: 555 555 5555
+     *
+     * @example
+     * format: 'standard' (default)
+     * returns: (555) 555-5555
+     */
+    format: 'continuous' | 'dot' | 'hyphenated' | 'none' | 'space' | 'standard';
+};
 import { HTMLInputTypeAttribute, ReactNode, RefObject } from 'react';
 import { DescriptionProps, FieldProps, InputProps as HeadlessInputProps, LabelProps } from '@headlessui/react';
-export default function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, name, onBlur, onChange, placeholder, ref, required, type, value, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+import { DateTimeObject, WeekNumber } from '../../../utils';
+export 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): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/form/submit-button.d.ts

@@ -35,4 +35,4 @@ export type SubmitButtonProps = Omit<ButtonProps, 'as' | 'customTheme' | 'href'
     theme?: never;
 };
 import { ButtonProps } from '../button';
-export default function SubmitButton({ children, className, customTheme, error, incomplete, loading, success, type, ...props }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButton({ children, className, customTheme, error, incomplete, loading, success, type, ...props }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/form/textarea.d.ts

@@ -15,4 +15,4 @@ export type TextareaProps = Omit<HeadlessTextareaProps, 'name'> & {
 };
 import { ReactNode, RefObject } from 'react';
 import { DescriptionProps, FieldProps, TextareaProps as HeadlessTextareaProps, LabelProps } from '@headlessui/react';
-export default function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, name, onBlur, onChange, placeholder, ref, required, value, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid, label, labelProps, name, onBlur, onChange, placeholder, ref, required, value, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ghost.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from 'react';
 type GhostProps = HTMLAttributes<HTMLDivElement>;
-export default function Ghost({ children, className, ...props }: GhostProps): import("react/jsx-runtime").JSX.Element;
+export declare function Ghost({ children, className, ...props }: GhostProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/heading.d.ts

@@ -16,4 +16,4 @@ import { HTMLAttributes, RefObject } from 'react';
  * 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.
  */
-export default function Heading({ as, children, customize, className, id, ref, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function Heading({ as, children, customize, className, id, ref, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/iframe.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithRef } from 'react';
+export 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';
+export type IFrameReferrerPolicyAttribute = 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+export type IFrameSandboxAttribute = 'allow-downloads' | 'allow-forms' | 'allow-modals' | 'allow-orientation-lock' | 'allow-pointer-lock' | 'allow-popups' | 'allow-popups-to-escape-sandbox' | 'allow-presentation' | 'allow-same-origin' | 'allow-scripts' | 'allow-storage-access-by-user-activation' | 'allow-top-navigation' | 'allow-top-navigation-by-user-activation' | 'allow-top-navigation-to-custom-protocols';
+export type IFrameProps = Omit<ComponentPropsWithRef<'iframe'>, 'allow' | 'children' | 'referrerPolicy' | 'sandbox' | 'title'> & {
+    allow?: (IFrameAllowAttribute | Record<IFrameAllowAttribute, string[] | boolean>)[] | 'allow-all';
+    referrerPolicy?: IFrameReferrerPolicyAttribute;
+    sandbox?: IFrameSandboxAttribute[];
+    title: string;
+};
+/**
+ * # iFrame
+ * - An `<iframe/>` with preset classes, backup, and required title for SEO.
+ */
+export declare function IFrame({ allow, className, referrerPolicy, sandbox, ...props }: IFrameProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -1,11 +1,12 @@
-import Button, { ButtonProps, createButton, ExtendedButtonConfig, ExtendedButtonProps } from './button';
-import Details, { DetailsBody, DetailsBodyProps, DetailsProps, DetailsSummary, DetailsSummaryProps } from './details';
-import DropDown, { DropDownButton, DropDownButtonProps, DropDownItem, DropDownItemProps, DropDownItems, DropDownItemsProps, DropDownProps, DropDownSection, DropDownSectionProps, DropDownSeparator, DropDownSeparatorProps } from './drop-down';
-import Form, { Fieldset, FieldsetProps, FormProps, FormSubmitArgs, Input, InputProps, SubmitButton, SubmitButtonProps, Textarea, TextareaProps } from './form';
-import Ghost from './ghost';
-import Heading, { HeadingProps } from './heading';
-import Link, { Anchor, AnchorProps, createLink, ExtendedLinkConfig, ExtendedLinkProps, LinkProps } from './link';
-import Modal, { ModalDialog, ModalProps, ModalTrigger } from './modal';
-import Time from './time';
-import Tooltip, { TooltipPanel, TooltipProps, TooltipTrigger } from './tooltip';
-export { Anchor, AnchorProps, Button, ButtonProps, createButton, createLink, Details, DetailsBody, DetailsBodyProps, DetailsProps, DetailsSummary, DetailsSummaryProps, DropDown, DropDownButton, DropDownButtonProps, DropDownItem, DropDownItemProps, DropDownItems, DropDownItemsProps, DropDownProps, DropDownSection, DropDownSectionProps, DropDownSeparator, DropDownSeparatorProps, ExtendedButtonConfig, ExtendedButtonProps, ExtendedLinkConfig, ExtendedLinkProps, Fieldset, FieldsetProps, Form, FormProps, FormSubmitArgs, Ghost, Heading, HeadingProps, Input, InputProps, Link, LinkProps, Modal, ModalDialog, ModalProps, ModalTrigger, SubmitButton, SubmitButtonProps, Textarea, TextareaProps, Time, Tooltip, TooltipPanel, TooltipProps, TooltipTrigger, };
+export * from './button';
+export * from './details';
+export * from './drop-down';
+export * from './form';
+export * from './ghost';
+export * from './heading';
+export * from './iframe';
+export * from './link';
+export * from './modal';
+export * from './time';
+export * from './tooltip';
+export * from './video';

package/dist/components/link.d.ts

@@ -1,4 +1,4 @@
-import { AnyElementProps, OneOf } from '../types';
+import { AnyElementProps, ColorTheme, OneOf } from '../types';
 import { ElementType } from 'react';
 export type AnchorProps<TTag extends ElementType = 'a'> = AnyElementProps<TTag> & {
     disabled?: boolean;
@@ -17,17 +17,6 @@ type ThemeColorOrClasses = OneOf<[
         classes: string;
     }
 ]>;
-type ColorTheme = OneOf<[
-    {
-        /** Color theme. */
-        theme?: 'blue' | 'brown' | 'green' | 'grey' | 'sky-blue' | 'magenta' | 'orange' | 'pink' | 'purple' | 'red' | 'violet' | 'yellow';
-    },
-    {
-        /** Color theme. */
-        theme?: 'custom';
-        customTheme: ThemeColorOrClasses;
-    }
-]>;
 export 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';
@@ -65,7 +54,7 @@ export type LinkProps<TTag extends ElementType = typeof Anchor> = AnyElementProp
  * @example
  *   <Link href='/about' type='fill-ltr' theme='red' title='About Us'>Learn more about our company</Link>
  */
-export default function Link<TTag extends ElementType = typeof Anchor>({ as, className, customTheme, theme, type, ...props }: LinkProps<TTag>): import("react/jsx-runtime").JSX.Element;
+export declare function Link<TTag extends ElementType = typeof Anchor>({ as, className, customTheme, theme, type, ...props }: LinkProps<TTag>): import("react/jsx-runtime").JSX.Element;
 export type ExtendedLinkConfig = {
     /** Modifies the default element that is rendered. The `as` prop on the component still overrides the default set here. */
     as?: ElementType;
@@ -92,7 +81,7 @@ export type ExtendedLinkConfig = {
         };
     };
 };
-export type ExtendedThemeNames<T extends ExtendedLinkConfig> = T['theme'] extends Record<string, unknown> ? keyof T['theme'] : never;
+type ExtendedThemeNames<T extends ExtendedLinkConfig> = T['theme'] extends Record<string, unknown> ? keyof T['theme'] : never;
 export type ExtendedLinkProps<TExtendedConfig extends ExtendedLinkConfig, TTag extends ElementType = typeof Anchor> = Omit<LinkProps<TTag>, 'theme' | 'customTheme'> & {
     theme?: LinkProps<TTag>['theme'] | ExtendedThemeNames<TExtendedConfig>;
     customTheme?: LinkProps<TTag>['customTheme'];

package/dist/components/modal.d.ts

@@ -15,4 +15,4 @@ export declare function ModalTrigger<T extends ElementType = typeof HeadlessButt
 export declare function ModalTitle(props: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
 export declare function ModalDialog(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare function ModalClose<T extends ElementType = typeof HeadlessButton>({ as, ...props }: AnyElementProps<T>): import("react/jsx-runtime").JSX.Element;
-export default function Modal({ children, className, onClose, onOpen, place }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ children, className, onClose, onOpen, place }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/time.d.ts

@@ -12,5 +12,5 @@ type TimeProps = HTMLAttributes<HTMLTimeElement> & Partial<{
     ref?: RefObject<HTMLTimeElement | null>;
 };
 import { HTMLAttributes, RefObject } from 'react';
-export default function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }: TimeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }: TimeProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tooltip.d.ts

@@ -23,4 +23,4 @@ import { Placement } from '@floating-ui/react-dom';
 import { Button as HeadlessButton } from '@headlessui/react';
 export declare function TooltipTrigger<T extends ElementType = typeof HeadlessButton>({ as, asChild, children, ...props }: TooltipTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare function TooltipPanel<T extends ElementType = 'div'>({ as, children, className, style, ...props }: TooltipPanelProps<T>): import("react/jsx-runtime").JSX.Element;
-export default function Tooltip({ anchor, arrow, arrowClassName, children, delay, offset, onClose, onOpen, portal, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ anchor, arrow, arrowClassName, children, delay, offset, onClose, onOpen, portal, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/video.d.ts

@@ -0,0 +1,30 @@
+import { OneOf } from '../types';
+export 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 SourceOrSourceGroup = OneOf<[
+    Source,
+    {
+        srcGroup: Source[];
+    }
+]>;
+export 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';
+        width: number;
+    }[];
+    /** @deprecated Even if you only have on source file, please use srcSet. */
+    src?: never;
+    srcSet: (SourceOrSourceGroup & {
+        width: number;
+    })[];
+    title: string;
+};
+import { ComponentPropsWithRef } from 'react';
+export declare function Video({ autoPlay, className, controls, poster, ref, srcSet, title, ...props }: VideoProps): import("react/jsx-runtime").JSX.Element;
+export {};