mado-ui 0.4.0 → 0.5.0

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 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/iframe.d.ts

@@ -1,13 +1,13 @@
-export type IFrameAllowAttribute = 'accelerometer' | 'autoplay' | 'camera' | 'encrypted-media' | 'fullscreen' | 'gyroscope' | 'magnetometer' | 'microphone' | 'payment' | 'picture-in-picture' | 'publickey-credentials-get' | 'usb';
+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-top-navigation' | 'allow-top-navigation-by-user-activation' | 'allow-top-navigation-to-custom-protocols';
+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 | IFrameAllowAttribute[] | 'allow-all';
+    allow?: (IFrameAllowAttribute | Record<IFrameAllowAttribute, string[] | boolean>)[] | 'allow-all';
     referrerPolicy?: IFrameReferrerPolicyAttribute;
-    sandbox?: IFrameSandboxAttribute | IFrameSandboxAttribute[] | 'allow-all';
+    sandbox?: IFrameSandboxAttribute[];
     title: string;
 };
-import { ComponentPropsWithRef } from 'react';
 /**
  * # iFrame
  * - An `<iframe/>` with preset classes, backup, and required title for SEO.

package/dist/components/index.d.ts

@@ -4,7 +4,9 @@ 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/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 {};