@andrilla/mado-ui 1.0.0

package/dist/components/tooltip.d.ts

@@ -0,0 +1,54 @@
+import type { AnyElementProps } from '../types';
+export type TooltipProps = {
+    anchor?: Placement;
+    arrow?: boolean;
+    arrowClassName?: string;
+    children: ReactNode | (({ openTooltip, closeTooltip, }: {
+        openTooltip: () => void;
+        closeTooltip: () => void;
+    }) => ReactNode);
+    delay?: number;
+    offset?: number;
+    onClose?: () => void;
+    onOpen?: () => void;
+    portal?: boolean;
+    maxWidth?: number;
+};
+export type TooltipTriggerProps<T extends ElementType = 'button'> = AnyElementProps<T> & {
+    asChild?: boolean;
+};
+export type TooltipPanelProps<T extends ElementType = 'div'> = AnyElementProps<T>;
+import { type ElementType, type JSX, type ReactNode } from 'react';
+import { type Placement } from '@floating-ui/react-dom';
+import { Button as HeadlessButton } from '@headlessui/react';
+/**
+ * ## Tooltip Trigger
+ *
+ * Hovering on this with a mouse or tapping this on a touch device displays the tooltip.
+ *
+ * @prop as - The element type to render as.
+ * @prop asChild - Whether to render the children as the trigger element.
+ */
+export declare function TooltipTrigger<T extends ElementType = typeof HeadlessButton>({ as, asChild, children, onMouseEnter, onMouseLeave, onFocus, onBlur, onTouchStart, ...props }: TooltipTriggerProps<T>): JSX.Element;
+/**
+ * ## Tooltip Panel
+ *
+ * The content displayed in the tooltip.
+ */
+export declare function TooltipPanel<T extends ElementType = 'div'>({ as, children, className, style, onMouseEnter, onMouseLeave, onTouchStart, ...props }: TooltipPanelProps<T>): JSX.Element;
+/**
+ * # Tooltip
+ *
+ * Display a tooltip with a custom content.
+ *
+ * @prop anchor - The position of the tooltip relative to the trigger element.
+ * @prop arrow - Whether to display an arrow pointing to the trigger element.
+ * @prop arrowClassName - Custom class name for the arrow element.
+ * @prop children - Must include TooltipTrigger and TooltipPanel.
+ * @prop delay - The delay in milliseconds before the tooltip is displayed.
+ * @prop offset - The offset in pixels between the tooltip and the trigger element.
+ * @prop onClose - Callback function when the tooltip is closed.
+ * @prop onOpen - Callback function when the tooltip is opened.
+ * @prop portal - Whether to use a portal for the tooltip.
+ */
+export declare function Tooltip(props: TooltipProps): JSX.Element;

package/dist/components/video.d.ts

@@ -0,0 +1,30 @@
+import type { 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 { type ComponentPropsWithRef, type ReactElement } from 'react';
+export declare function Video({ autoPlay, className, controls, poster, ref, srcSet, title, ...props }: VideoProps): ReactElement;
+export {};