mado-ui 0.3.2 → 0.4.0

package/css/index.css

@@ -81,6 +81,7 @@
     --blur-md: 12px;
     --blur-2xl: 40px;
     --blur-3xl: 64px;
+    --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
@@ -382,6 +383,9 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .aspect-video {
+    aspect-ratio: var(--aspect-video);
+  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -540,6 +544,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
   .grid-cols-\[1fr_1rem\] {
     grid-template-columns: 1fr 1rem;
   }
@@ -558,6 +565,9 @@
   .justify-center {
     justify-content: center;
   }
+  .gap-\(--tw-gap\) {
+    gap: var(--tw-gap);
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1112,6 +1122,12 @@
   .text-black {
     color: var(--color-black);
   }
+  .text-current\/80 {
+    color: currentcolor;
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, currentcolor 80%, transparent);
+    }
+  }
   .text-neutral-50 {
     color: var(--color-neutral-50);
   }
@@ -1357,6 +1373,31 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .gap-1 {
+    --tw-gap: calc(var(--spacing) * 1);
+    --tw-gap-x: var(--tw-gap, calc(var(--spacing) * 1));
+    --tw-gap-y: var(--tw-gap, calc(var(--spacing) * 1));
+  }
+  .gap-2 {
+    --tw-gap: calc(var(--spacing) * 2);
+    --tw-gap-x: var(--tw-gap, calc(var(--spacing) * 2));
+    --tw-gap-y: var(--tw-gap, calc(var(--spacing) * 2));
+  }
+  .gap-3 {
+    --tw-gap: calc(var(--spacing) * 3);
+    --tw-gap-x: var(--tw-gap, calc(var(--spacing) * 3));
+    --tw-gap-y: var(--tw-gap, calc(var(--spacing) * 3));
+  }
+  .gap-4 {
+    --tw-gap: calc(var(--spacing) * 4);
+    --tw-gap-x: var(--tw-gap, calc(var(--spacing) * 4));
+    --tw-gap-y: var(--tw-gap, calc(var(--spacing) * 4));
+  }
+  .gap-8 {
+    --tw-gap: calc(var(--spacing) * 8);
+    --tw-gap-x: var(--tw-gap, calc(var(--spacing) * 8));
+    --tw-gap-y: var(--tw-gap, calc(var(--spacing) * 8));
+  }
   .animation-delay-150 {
     --tw-animation-delay: 150ms;
     animation-delay: var(--tw-animation-delay);
@@ -2283,12 +2324,6 @@
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
   }
-  .sm\:text-xl {
-    @media (width >= 40rem) {
-      font-size: var(--text-xl);
-      line-height: var(--tw-leading, var(--text-xl--line-height));
-    }
-  }
   .sm\:text-\[12rem\] {
     @media (width >= 40rem) {
       font-size: 12rem;

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

@@ -26,4 +26,4 @@ export declare function DropDownItem({ as, ...props }: DropDownItemProps): impor
 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 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 @@
+export type IFrameAllowAttribute = 'accelerometer' | 'autoplay' | 'camera' | 'encrypted-media' | 'fullscreen' | 'gyroscope' | 'magnetometer' | 'microphone' | 'payment' | 'picture-in-picture' | 'publickey-credentials-get' | 'usb';
+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-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 | IFrameAllowAttribute[] | 'allow-all';
+    referrerPolicy?: IFrameReferrerPolicyAttribute;
+    sandbox?: IFrameSandboxAttribute | IFrameSandboxAttribute[] | 'allow-all';
+    title: string;
+};
+import { ComponentPropsWithRef } from 'react';
+/**
+ * # 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,10 @@
-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 './link';
+export * from './modal';
+export * from './time';
+export * from './tooltip';

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;