@andrilla/mado-ui 1.0.0

package/dist/graphics/index.d.ts

@@ -0,0 +1 @@
+export * from './social-media/index';

package/dist/graphics/social-media/facebook-logo.d.ts

@@ -0,0 +1,32 @@
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, JSX } from 'react';
+export type FacebookLogoProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & (({
+    variant?: 'circle';
+} & ({
+    cutout: true;
+    targets?: Partial<{
+        background: Omit<ComponentPropsWithoutRef<'path'>, 'data-name'>;
+    }>;
+} | {
+    cutout?: false;
+    targets?: Partial<{
+        background: Omit<ComponentPropsWithoutRef<'circle'>, 'data-name'>;
+        f: Omit<ComponentPropsWithoutRef<'path'>, 'data-name'>;
+    }>;
+})) | {
+    variant: 'f';
+    cutout?: never;
+    targets?: never;
+});
+/**
+ * # Facebook Logo
+ *
+ * ```ts
+ * cutout: boolean = false
+ * targets: {
+ * 	 background: [data-name="background"],
+ * 	 f: [data-name="f"]
+ * }
+ * variant: 'circle' | 'f' = 'circle'
+ * ```
+ */
+export declare function FacebookLogo({ className, cutout, targets, variant, ...props }: FacebookLogoProps): JSX.Element;

package/dist/graphics/social-media/google-logo.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithRef, JSX } from "react";
+export type GoogleLogoProps = Omit<ComponentPropsWithRef<"svg">, "viewBox"> & {
+    gradient?: boolean;
+};
+/**
+ * # Google Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+export declare function GoogleLogo({ gradient, ...props }: GoogleLogoProps): JSX.Element;

package/dist/graphics/social-media/index.d.ts

@@ -0,0 +1,7 @@
+export * from './facebook-logo';
+export * from './google-logo';
+export * from './instagram-logo';
+export * from './linkedin-logo';
+export * from './tiktok-logo';
+export * from './x-logo';
+export * from './youtube-logo';

package/dist/graphics/social-media/instagram-logo.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentPropsWithRef, JSX } from "react";
+export type InstagramLogoProps = Omit<ComponentPropsWithRef<"svg">, "viewBox"> & {
+    gradient?: boolean;
+};
+/**
+ * # Instagram Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+export declare function InstagramLogo({ gradient, ...props }: InstagramLogoProps): JSX.Element;

package/dist/graphics/social-media/linkedin-logo.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, JSX } from 'react';
+export type LinkedInLogoProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & ({
+    cutout: true;
+    targets?: Partial<{
+        background: ComponentPropsWithoutRef<'path'>;
+    }>;
+} | {
+    cutout?: false;
+    targets?: Partial<{
+        background: Omit<ComponentPropsWithoutRef<'path'>, 'data-name' | 'd'>;
+        in: Omit<ComponentPropsWithoutRef<'rect'>, 'data-name' | 'height' | 'width' | 'x' | 'y'>;
+    }>;
+});
+/**
+ * # LinkedIn Logo
+ *
+ * ```ts
+ * cutout: boolean
+ * targets: {
+ * 	 in: [data-name="in"]
+ * 	 background: [data-name="background"]
+ * }
+ * ```
+ */
+export declare function LinkedInLogo({ className, cutout, targets, ...props }: LinkedInLogoProps): JSX.Element;

package/dist/graphics/social-media/tiktok-logo.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, JSX } from 'react';
+export type TikTokProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & ({
+    targets?: Partial<{
+        bottom: Omit<ComponentPropsWithoutRef<'path'>, 'd' | 'data-name'>;
+        middle: Omit<ComponentPropsWithoutRef<'path'>, 'd' | 'data-name'>;
+        top: Omit<ComponentPropsWithoutRef<'path'>, 'd' | 'data-name'>;
+    }>;
+    variant?: 'multicolor';
+} | {
+    targets?: never;
+    variant: 'solid';
+});
+/**
+ * # TikTok Logo
+ *
+ * ```ts
+ * variant: 'multicolor' | 'solid' = 'multicolor'
+ * targets: {
+ * 	 bottom: [data-name="bottom"]
+ * 	 middle: [data-name="middle"]
+ * 	 top: [data-name="top"]
+ * }
+ * ```
+ */
+export declare function TikTokLogo({ className, targets, variant, ...props }: TikTokProps): JSX.Element;

package/dist/graphics/social-media/x-logo.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithRef, JSX } from "react";
+/**
+ * # 𝕏 Logo
+ */
+export declare function XLogo(props: Omit<ComponentPropsWithRef<"svg">, "viewBox">): JSX.Element;

package/dist/graphics/social-media/youtube-logo.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, JSX } from 'react';
+export type YouTubeLogoProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & ({
+    cutout?: false;
+    targets?: Partial<{
+        background: ComponentPropsWithoutRef<'path'>;
+        play: ComponentPropsWithoutRef<'path'>;
+    }>;
+} | {
+    cutout: true;
+    targets?: Partial<{
+        background: ComponentPropsWithoutRef<'path'>;
+    }>;
+});
+/**
+ * # YouTube Logo
+ *
+ * ```ts
+ * cutout: boolean = false
+ * targets: {
+ * 	 background: [data-name="background"],
+ * 	 play: [data-name="play"]
+ * }
+ * ```
+ */
+export declare function YouTubeLogo({ className, cutout, targets, ...props }: YouTubeLogoProps): JSX.Element;

package/dist/hooks/create-fast-context.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLAttributes, type JSX } from 'react';
+export declare function createFastContext<Store>(defaultInitialState: Store): {
+    Provider: ({ initialValue, ...props }: Pick<HTMLAttributes<HTMLElement>, 'children'> & {
+        initialValue?: Store;
+    }) => JSX.Element;
+    useStore: <SelectorOutput>(selector: (store: Store) => SelectorOutput, initialValue?: Store) => [
+        SelectorOutput | undefined,
+        ((value: Store | ((prevState: Store) => Store)) => void) | undefined
+    ];
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './create-fast-context';
+export * from './use-form-status';
+export * from './use-pointer-movement';

package/dist/hooks/use-form-status.d.ts

@@ -0,0 +1,10 @@
+import { type JSX, type ReactNode } from 'react';
+export type FormStatus = 'error' | 'incomplete' | 'loading' | 'ready' | 'success' | 'readonly';
+export declare function FormStatusProvider({ children, initialStatus, }: {
+    children?: ReactNode;
+    initialStatus?: FormStatus;
+}): JSX.Element;
+export declare function useFormStatus(): [
+    FormStatus | undefined,
+    (((value: FormStatus | ((prevState: FormStatus) => FormStatus)) => void) | undefined)
+];

package/dist/hooks/use-pointer-movement.d.ts

@@ -0,0 +1,15 @@
+export type Coords = {
+    x: number;
+    y: number;
+};
+export type Cursor = "alias" | "all-scroll" | "auto" | "cell" | "col-resize" | "context-menu" | "copy" | "crosshair" | "default" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "move" | "no-drop" | "not-allowed" | "n-resize" | "ne-resize" | "nw-resize" | "ns-resize" | "nesw-resize" | "nwse-resize" | "pointer" | "progress" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "text" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out";
+export type UsePointerMovementProps = {
+    activeCursor?: Cursor;
+    onChange?: (delta: Coords) => void;
+    onEnd?: (delta: Coords) => void;
+};
+export declare function usePointerMovement(props?: UsePointerMovementProps): {
+    delta: Coords;
+    stopTracking: () => void;
+    trackPointerMovement: (e: React.MouseEvent<HTMLElement> | React.PointerEvent<HTMLElement> | React.TouchEvent<HTMLElement>) => void;
+};

package/dist/icons/rectangle-triangle-up.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithRef, JSX } from "react";
+export declare function RectangleTriangleUp(props: Omit<ComponentPropsWithRef<"svg">, "viewBox">): JSX.Element;