mado-ui 0.5.4 → 0.5.7

package/dist/graphics/index.d.ts

@@ -0,0 +1,2 @@
+export * from './social-media';
+//# sourceMappingURL=index.d.ts.map

package/dist/graphics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/graphics/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

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

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef } 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): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=facebook-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"facebook-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/facebook-logo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAC5E,CACG,CAAC;IACD,OAAO,CAAC,EAAE,QAAQ,CAAA;CACjB,GAAG,CACF;IACA,MAAM,EAAE,IAAI,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAA;KAC/D,CAAC,CAAA;CACD,GACD;IACA,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAA;QACjE,CAAC,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAA;KACtD,CAAC,CAAA;CACD,CACF,CAAC,GACF;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,CACnD,CAAA;AAKF;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAc,EAAE,OAAO,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAiEnH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"google-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/google-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA+DxE"}

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

@@ -0,0 +1,8 @@
+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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"instagram-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/instagram-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAE7C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAe,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmE9E"}

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef } 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): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=linkedin-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"linkedin-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/linkedin-logo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAC5E,CACG;IACA,MAAM,EAAE,IAAI,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;KAC5C,CAAC,CAAA;CACD,GACD;IACA,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG,CAAC,CAAA;QACrE,EAAE,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC,CAAA;KACxF,CAAC,CAAA;CACD,CACH,CAAA;AAKF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAoBvF"}

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef } 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): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tiktok-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tiktok-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/tiktok-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAGvE,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GACtE,CACG;IACA,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,CAAA;QACjE,MAAM,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,CAAA;QACjE,GAAG,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,CAAA;KAC9D,CAAC,CAAA;IACF,OAAO,CAAC,EAAE,YAAY,CAAA;CACrB,GACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CACvC,CAAA;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAmC/F"}

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+/**
+ * # 𝕏 Logo
+ */
+export declare function XLogo(props: Omit<ComponentPropsWithRef<'svg'>, 'viewBox'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=x-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/x-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAE7C;;GAEG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,2CAMzE"}

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef } 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): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=youtube-logo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"youtube-logo.d.ts","sourceRoot":"","sources":["../../../src/graphics/social-media/youtube-logo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAEvE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAC3E,CACG;IACA,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;QAC5C,IAAI,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;KACtC,CAAC,CAAA;CACD,GACD;IACA,MAAM,EAAE,IAAI,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,wBAAwB,CAAC,MAAM,CAAC,CAAA;KAC5C,CAAC,CAAA;CACD,CACH,CAAA;AAKF;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,MAAc,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAkC7F"}

package/dist/graphics.d.ts

@@ -0,0 +1,141 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithRef, ComponentPropsWithoutRef } from 'react';
+
+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'
+ * ```
+ */
+declare function FacebookLogo({ className, cutout, targets, variant, ...props }: FacebookLogoProps): react_jsx_runtime.JSX.Element;
+
+type GoogleLogoProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & {
+    gradient?: boolean;
+};
+/**
+ * # Google Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+declare function GoogleLogo({ gradient, ...props }: GoogleLogoProps): react_jsx_runtime.JSX.Element;
+
+type InstagramLogoProps = Omit<ComponentPropsWithRef<'svg'>, 'viewBox'> & {
+    gradient?: boolean;
+};
+/**
+ * # Instagram Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+declare function InstagramLogo({ gradient, ...props }: InstagramLogoProps): react_jsx_runtime.JSX.Element;
+
+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"]
+ * }
+ * ```
+ */
+declare function LinkedInLogo({ className, cutout, targets, ...props }: LinkedInLogoProps): react_jsx_runtime.JSX.Element;
+
+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"]
+ * }
+ * ```
+ */
+declare function TikTokLogo({ className, targets, variant, ...props }: TikTokProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * # 𝕏 Logo
+ */
+declare function XLogo(props: Omit<ComponentPropsWithRef<'svg'>, 'viewBox'>): react_jsx_runtime.JSX.Element;
+
+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"]
+ * }
+ * ```
+ */
+declare function YouTubeLogo({ className, cutout, targets, ...props }: YouTubeLogoProps): react_jsx_runtime.JSX.Element;
+
+export { FacebookLogo, GoogleLogo, InstagramLogo, LinkedInLogo, TikTokLogo, XLogo, YouTubeLogo };
+export type { FacebookLogoProps, GoogleLogoProps, InstagramLogoProps, LinkedInLogoProps, TikTokProps, YouTubeLogoProps };

package/dist/graphics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphics.d.ts","sourceRoot":"","sources":["../src/graphics.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/graphics.esm.js

@@ -0,0 +1,241 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { extendTailwindMerge } from 'tailwind-merge';
+import 'react';
+
+const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
+const twMerge = extendTailwindMerge({
+    extend: {
+        theme: {
+            color: [
+                {
+                    ui: [
+                        'red',
+                        'orange',
+                        'yellow',
+                        'green',
+                        'sky-blue',
+                        'blue',
+                        'violet',
+                        'magenta',
+                        'purple',
+                        'brown',
+                        'grey',
+                        'pink',
+                    ],
+                },
+            ],
+        },
+        classGroups: {
+            animate: [
+                {
+                    animate: [
+                        'bounce',
+                        'double-spin',
+                        'drop-in',
+                        'flip',
+                        'flip-again',
+                        'grid-rows',
+                        'heartbeat',
+                        'ping',
+                        'pulse',
+                        'slide-up',
+                        'spin',
+                        'wave',
+                    ],
+                },
+            ],
+            'animation-direction': [
+                {
+                    'animation-direction': ['normal', 'reverse', 'alternate', 'alternate-reverse'],
+                },
+            ],
+            'animation-fill': [
+                {
+                    'animation-fill': ['none', 'forwards', 'backwards', 'both'],
+                },
+            ],
+            'animation-iteration': [
+                {
+                    'animation-iteration': [...integerList, 'infinite'],
+                },
+            ],
+            'animation-state': [
+                {
+                    'animation-state': ['running', 'paused'],
+                },
+            ],
+            'grid-cols': [
+                {
+                    'grid-cols': ['0fr', '1fr'],
+                },
+            ],
+            'grid-rows': [
+                {
+                    'grid-rows': ['0fr', '1fr'],
+                },
+            ],
+            transition: ['transition-rows'],
+        },
+    },
+});
+
+/** The current date as a Date object */
+const d = new Date();
+/** The current minute of the current hour */
+d.getMinutes();
+/** The current year */
+d.getFullYear();
+/** An array of the names of month in order */
+const monthNamesList = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+/** An array of the names of the days of the week in order */
+const weekdayNamesList = [
+    'Sunday',
+    'Monday',
+    'Tuesday',
+    'Wednesday',
+    'Thursday',
+    'Friday',
+    'Saturday',
+];
+/** The name of the current month */
+getMonthName();
+/** The name of the current day of the week */
+getWeekdayName();
+/**
+ * ### Get Month Name
+ * - Returns the name of the specified month
+ * @param {Date} date A Date object representing the month to get the name of the month from. (Preset to the current date)
+ * @returns {MonthName} The name of the specified month
+ */
+function getMonthName(date = d) {
+    if (typeof date === 'number')
+        return monthNamesList[date];
+    return monthNamesList[date.getMonth()];
+}
+/**
+ * ### Get Weekday Name
+ * - Returns the weekday name of the specified day
+ * @param {number | Date} weekday A Date object or number representing the day to get the weekday name from. (Preset to the current date)
+ * @returns {WeekdayName} The name of the specified weekday
+ */
+function getWeekdayName(weekday = d) {
+    if (typeof weekday === 'number')
+        return weekdayNamesList[weekday];
+    // Return the name of the day of the week
+    return weekdayNamesList[weekday.getDay()];
+}
+
+/**
+ * # Facebook Logo
+ *
+ * ```ts
+ * cutout: boolean = false
+ * targets: {
+ * 	 background: [data-name="background"],
+ * 	 f: [data-name="f"]
+ * }
+ * variant: 'circle' | 'f' = 'circle'
+ * ```
+ */
+function FacebookLogo({ className, cutout = false, targets, variant = 'circle', ...props }) {
+    return (jsxs("svg", { ...props, className: twMerge(variant === 'circle' && cutout
+            ? 'fill-[url(#facebook-gradient)]'
+            : '[&_[data-name="background"]]:fill-[url(#facebook-gradient)] [&_[data-name="f"]]:fill-white', variant === 'f' && 'fill-[url(#facebook-gradient)]', className), viewBox: `0 0 ${variant === 'circle' ? '1024' : '551'} ${variant === 'circle' && cutout ? '1017' : '1024'}`, children: [variant === 'circle' &&
+                (cutout ? (jsx("path", { ...targets?.background, "data-name": 'background', d: 'M426.672,1016.91C184.64,976.24 0,765.504 0,512C0,229.424 229.424,0 512,0C794.576,0 1024,229.424 1024,512C1024,765.504 839.36,976.24 597.328,1016.91L597.328,651.376L711.104,651.376L733.872,509.152L597.328,509.152L597.328,409.6C597.328,369.776 611.552,338.496 674.128,338.496L739.552,338.496L739.552,207.648C702.576,201.952 662.752,196.272 625.776,196.272C509.152,196.272 426.672,267.376 426.672,395.376L426.672,509.152L298.672,509.152L298.672,651.376L426.672,651.376L426.672,1016.91Z' })) : (jsxs(Fragment, { children: [jsx("circle", { ...targets?.background, "data-name": 'background', cx: '512', cy: '512', r: '512' }), jsx("path", { ...(targets && 'f' in targets ? targets?.f : {}), "data-name": 'f', d: 'M426.672,1016.91L426.672,651.376L298.672,651.376L298.672,509.152L426.672,509.152L426.672,395.376C426.672,267.376 509.152,196.272 625.776,196.272C662.752,196.272 702.576,201.952 739.552,207.648L739.552,338.496L674.128,338.496C611.552,338.496 597.328,369.776 597.328,409.6L597.328,509.152L733.872,509.152L711.104,651.376L597.328,651.376L597.328,1016.91C569.584,1021.57 541.072,1024 512,1024C482.928,1024 454.416,1021.57 426.672,1016.91Z' })] }))), variant === 'f' && (jsx("path", { d: 'M159.712,1024L159.712,567.888L0,567.888L0,390.432L159.712,390.432L159.712,248.448C159.712,88.736 262.656,0 408.176,0C454.304,0 504,7.104 550.144,14.192L550.144,177.472L468.512,177.472C390.432,177.472 372.672,216.512 372.672,266.192L372.672,390.432L543.04,390.432L514.656,567.888L372.672,567.888L372.672,1024L159.712,1024Z' })), jsxs("defs", { children: [variant === 'circle' && (jsxs("linearGradient", { id: 'facebook-gradient', x1: '0', y1: '0', x2: '1', y2: '0', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(2.81599e-13,-994.078,994.078,2.81599e-13,512,994.078)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(0 98 224)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(25 175 255)', stopOpacity: 1 })] })), variant === 'f' && (jsxs("linearGradient", { id: 'facebook-gradient', x1: '0', y1: '0', x2: '1', y2: '0', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(0.0108513,-1032.85,1032.85,0.0108513,266.187,1032.85)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(0 98 224)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(25 175 255)', stopOpacity: 1 })] }))] })] }));
+}
+
+/**
+ * # Google Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+function GoogleLogo({ gradient = true, ...props }) {
+    return (jsx("svg", { ...props, viewBox: '0 0 1003 1024', children: gradient ? (jsxs(Fragment, { children: [jsx("path", { d: 'M992.945,417.01L511.964,417.01L511.964,613.859L788.338,613.859C783.897,641.717 773.921,669.122 759.31,694.112C742.575,722.744 721.881,744.542 700.67,761.138C637.14,810.865 563.07,821.031 511.628,821.031C381.685,821.031 270.653,735.251 227.672,618.689C225.937,614.461 224.786,610.09 223.383,605.772C213.887,576.108 208.697,544.687 208.697,512.032C208.697,478.046 214.317,445.514 224.561,414.789C264.982,293.606 378.511,203.097 511.721,203.097C538.518,203.097 564.319,206.353 588.786,212.851C644.708,227.698 684.261,256.943 708.499,280.075L854.747,133.794C765.786,50.482 649.815,0 511.478,0C400.888,-0.004 298.788,35.19 215.121,94.667C147.265,142.902 91.616,207.482 54.06,282.487C19.128,352.029 0,429.093 0,511.953C0,594.821 19.158,672.685 54.09,741.588L54.09,742.052C90.988,815.198 144.943,878.178 210.526,926.192C267.816,968.135 370.54,1024 511.478,1024C592.529,1024 664.363,1009.08 727.713,981.104C773.413,960.926 813.904,934.608 850.563,900.787C899,856.093 936.938,800.815 962.829,737.214C988.724,673.612 1002.57,601.692 1002.57,523.719C1002.57,487.404 999.002,450.524 992.945,417.01Z', fill: 'url(#google-gradient-1)' }), jsx("path", { d: 'M962.829,737.214L788.338,613.859C783.897,641.717 773.921,669.122 759.31,694.112C742.575,722.744 721.881,744.542 700.67,761.138C637.14,810.865 563.07,821.031 511.628,821.031C381.685,821.031 270.653,735.251 227.672,618.689C225.937,614.461 224.786,610.09 223.383,605.772C213.887,576.108 208.697,544.687 208.697,512.032L0,511.953C0,594.821 19.158,672.685 54.09,741.588L54.09,742.052C90.988,815.198 144.943,878.178 210.526,926.192C267.816,968.135 370.54,1024 511.478,1024C592.529,1024 664.363,1009.08 727.713,981.104C773.413,960.926 813.904,934.608 850.563,900.787C899,856.093 936.938,800.815 962.829,737.214Z', fill: 'url(#google-gradient-2)' }), jsx("path", { d: 'M0,511.953L208.697,512.032C208.697,478.046 214.317,445.514 224.561,414.789C264.982,293.606 378.511,203.097 511.721,203.097C538.518,203.097 564.319,206.353 588.786,212.851C644.708,227.698 684.261,256.943 708.499,280.075L854.747,133.794C765.786,50.482 649.815,0 511.478,0C400.888,-0.004 298.788,35.19 215.121,94.667C147.265,142.902 91.616,207.482 54.06,282.487C19.128,352.029 0,429.093 0,511.953Z', fill: 'url(#google-gradient-3)' }), jsxs("defs", { children: [jsxs("linearGradient", { id: 'google-gradient-1', x1: '0', y1: '0', x2: '1', y2: '0', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(-23.365,-1.73106,1.73106,-23.365,500.07,513.731)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(48,134,255)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(254,206,5)', stopOpacity: 1 })] }), jsxs("radialGradient", { id: 'google-gradient-2', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(762.024,46.0057,-28.7966,476.978,457.583,993.176)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(15,188,92)', stopOpacity: 1 }), jsx("stop", { offset: '0.38', stopColor: 'rgb(15,188,92)', stopOpacity: 1 }), jsx("stop", { offset: '0.71', stopColor: 'rgb(15,188,92)', stopOpacity: 0.28 }), jsx("stop", { offset: '1', stopColor: 'rgb(15,188,92)', stopOpacity: 0 })] }), jsxs("linearGradient", { id: 'google-gradient-3', x1: '0', y1: '0', x2: '1', y2: '0', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(-220.623,431.86,-270.317,-138.096,806.553,181.999)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(251,78,90)', stopOpacity: 1 }), jsx("stop", { offset: '0.39', stopColor: 'rgb(255,71,63)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(251,78,90)', stopOpacity: 0 })] })] })] })) : (jsx("path", { d: 'M992.945,417.01L511.964,417.01L511.964,613.859L788.338,613.859C783.897,641.717 773.921,669.122 759.31,694.112C742.575,722.744 721.881,744.542 700.67,761.138C637.14,810.865 563.07,821.031 511.628,821.031C381.685,821.031 270.653,735.251 227.672,618.689C225.937,614.461 224.786,610.09 223.383,605.772C213.887,576.108 208.697,544.687 208.697,512.032C208.697,478.046 214.317,445.514 224.561,414.789C264.982,293.606 378.511,203.097 511.721,203.097C538.518,203.097 564.319,206.353 588.786,212.851C644.708,227.698 684.261,256.943 708.499,280.075L854.747,133.794C765.786,50.482 649.815,0 511.478,0C400.888,-0.004 298.788,35.19 215.121,94.667C147.265,142.902 91.616,207.482 54.06,282.487C19.128,352.029 0,429.093 0,511.953C0,594.821 19.158,672.685 54.09,741.588L54.09,742.052C90.988,815.198 144.943,878.178 210.526,926.192C267.816,968.135 370.54,1024 511.478,1024C592.529,1024 664.363,1009.08 727.713,981.104C773.413,960.926 813.904,934.608 850.563,900.787C899,856.093 936.938,800.815 962.829,737.214C988.724,673.612 1002.57,601.692 1002.57,523.719C1002.57,487.404 999.002,450.524 992.945,417.01Z' })) }));
+}
+
+/**
+ * # Instagram Logo
+ *
+ * ```ts
+ * gradient: boolean = true
+ * ```
+ */
+function InstagramLogo({ gradient = true, ...props }) {
+    return (jsx("svg", { ...props, viewBox: '0 0 1024 1024', children: gradient ? (jsxs(Fragment, { children: [jsx("path", { d: 'M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z', fill: 'url(#instagram-gradient-1)' }), jsx("path", { d: 'M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z', fill: 'url(#instagram-gradient-2)' }), jsx("path", { d: 'M512,0C651.052,-0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256ZM512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668ZM846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z', fill: 'url(#instagram-gradient-3)' }), jsxs("defs", { children: [jsxs("radialGradient", { id: 'instagram-gradient-1', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(871.396,269.57,-152.264,492.2,322.577,976.97)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(255 213 1)', stopOpacity: 1 }), jsx("stop", { offset: '0.32', stopColor: 'rgb(255 189 7)', stopOpacity: 1 }), jsx("stop", { offset: '0.59', stopColor: 'rgb(255 103 29)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(255 0 185)', stopOpacity: 1 })] }), jsxs("radialGradient", { id: 'instagram-gradient-2', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(94.7015,306.205,-937.345,289.897,119.251,57.4757)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(109 25 255)', stopOpacity: 1 }), jsx("stop", { offset: '0.43', stopColor: 'rgb(151 18 235)', stopOpacity: 1 }), jsx("stop", { offset: '0.96', stopColor: 'rgb(250 1 187)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(255 0 185)', stopOpacity: 0 })] }), jsxs("radialGradient", { id: 'instagram-gradient-3', cx: '0', cy: '0', r: '1', gradientUnits: 'userSpaceOnUse', gradientTransform: 'matrix(112.098,-864.179,131.728,17.0873,1003.58,829.183)', children: [jsx("stop", { offset: '0', stopColor: 'rgb(254 21 138)', stopOpacity: 1 }), jsx("stop", { offset: '0.46', stopColor: 'rgb(255 2 62)', stopOpacity: 1 }), jsx("stop", { offset: '1', stopColor: 'rgb(255 0 55)', stopOpacity: 0 })] })] })] })) : (jsxs(Fragment, { children: [jsx("path", { d: 'M512,0C651.052,0 668.488,0.588 723.096,3.08C777.592,5.568 814.812,14.224 847.38,26.88C881.048,39.96 909.6,57.472 938.064,85.936C966.528,114.4 984.036,142.952 997.12,176.624C1009.78,209.188 1018.43,246.408 1020.92,300.904C1023.41,355.512 1024,372.948 1024,512C1024,651.052 1023.41,668.488 1020.92,723.1C1018.43,777.596 1009.78,814.812 997.12,847.38C984.036,881.052 966.528,909.604 938.064,938.068C909.6,966.532 881.048,984.04 847.376,997.12C814.812,1009.78 777.592,1018.43 723.096,1020.92C668.488,1023.41 651.052,1024 512,1024C372.948,1024 355.512,1023.41 300.9,1020.92C246.404,1018.43 209.188,1009.78 176.62,997.12C142.948,984.036 114.396,966.532 85.932,938.068C57.468,909.604 39.96,881.048 26.88,847.38C14.22,814.816 5.568,777.596 3.08,723.096C0.588,668.488 0,651.052 0,512C0,372.948 0.588,355.512 3.08,300.904C5.568,246.408 14.22,209.188 26.88,176.62C39.964,142.952 57.468,114.4 85.932,85.936C114.396,57.472 142.948,39.964 176.62,26.88C209.184,14.224 246.404,5.568 300.904,3.08C355.512,0.588 372.948,0 512,0ZM512,92.256C375.288,92.256 359.096,92.776 305.108,95.236C255.188,97.516 228.076,105.856 210.036,112.868C186.14,122.156 169.084,133.248 151.164,151.168C133.248,169.084 122.152,186.14 112.868,210.036C105.856,228.08 97.516,255.192 95.236,305.112C92.772,359.1 92.252,375.292 92.252,512C92.252,648.712 92.772,664.904 95.236,718.892C97.512,768.812 105.856,795.924 112.868,813.964C122.152,837.86 133.248,854.916 151.164,872.836C169.08,890.752 186.14,901.848 210.036,911.132C228.08,918.144 255.188,926.484 305.108,928.764C359.088,931.228 375.28,931.748 512,931.748C648.716,931.748 664.908,931.228 718.888,928.764C768.808,926.488 795.92,918.144 813.964,911.132C837.86,901.848 854.916,890.752 872.832,872.836C890.748,854.92 901.844,837.86 911.132,813.964C918.144,795.92 926.484,768.812 928.764,718.892C931.224,664.904 931.744,648.712 931.744,512C931.744,375.292 931.224,359.1 928.764,305.108C926.484,255.192 918.144,228.08 911.132,210.036C901.844,186.14 890.752,169.084 872.832,151.168C854.916,133.252 837.86,122.156 813.964,112.868C795.92,105.856 768.808,97.516 718.888,95.236C664.9,92.776 648.708,92.256 512,92.256Z' }), jsx("path", { d: 'M512,249.08C657.204,249.08 774.92,366.796 774.92,512C774.92,657.208 657.204,774.92 512,774.92C366.792,774.92 249.08,657.208 249.08,512C249.08,366.8 366.792,249.08 512,249.08ZM512,682.668C606.256,682.668 682.668,606.256 682.668,512C682.668,417.744 606.256,341.332 512,341.332C417.744,341.332 341.332,417.744 341.332,512C341.332,606.256 417.744,682.668 512,682.668Z' }), jsx("path", { d: 'M846.744,238.692C846.744,272.628 819.24,300.132 785.304,300.132C751.372,300.132 723.864,272.628 723.864,238.692C723.864,204.76 751.372,177.252 785.304,177.252C819.24,177.252 846.744,204.76 846.744,238.692Z' })] })) }));
+}
+
+/**
+ * # LinkedIn Logo
+ *
+ * ```ts
+ * cutout: boolean
+ * targets: {
+ * 	 in: [data-name="in"]
+ * 	 background: [data-name="background"]
+ * }
+ * ```
+ */
+function LinkedInLogo({ className, cutout, targets, ...props }) {
+    return (jsxs("svg", { ...props, className: twMerge(cutout
+            ? 'fill-[rgb(10_102_194)]'
+            : '[&_[data-name="background"]]:fill-[rgb(10_102_194)] [&_[data-name="in"]]:fill-white', className), viewBox: '0 0 1024 1024', children: [!cutout && jsx("rect", { ...targets?.in, "data-name": 'in', x: '112', y: '112', width: '800', height: '800' }), jsx("path", { ...targets?.background, "data-name": 'background', d: 'M872.496,872.511L720.772,872.511L720.772,634.899C720.772,578.239 719.76,505.299 641.86,505.299C562.836,505.299 550.744,567.035 550.744,630.775L550.744,872.495L399.024,872.495L399.024,383.871L544.676,383.871L544.676,450.647L546.716,450.647C576.374,399.935 631.721,369.536 690.428,371.715C844.208,371.715 872.56,472.867 872.56,604.459L872.496,872.511ZM227.824,317.083C179.196,317.091 139.768,277.675 139.76,229.047C139.752,180.419 179.164,140.991 227.792,140.983C276.42,140.971 315.848,180.387 315.856,229.015C315.865,277.317 276.126,317.072 227.824,317.083M303.688,872.515L151.804,872.515L151.804,383.871L303.684,383.871L303.684,872.511L303.688,872.515ZM948.136,0.075L75.564,0.075C34.324,-0.389 0.504,32.647 0,73.887L0,950.099C0.488,991.359 34.304,1024.43 75.56,1024L948.136,1024C989.48,1024.51 1023.43,991.439 1024,950.099L1024,73.819C1023.41,32.499 989.46,-0.533 948.136,0.007' })] }));
+}
+
+/**
+ * # TikTok Logo
+ *
+ * ```ts
+ * variant: 'multicolor' | 'solid' = 'multicolor'
+ * targets: {
+ * 	 bottom: [data-name="bottom"]
+ * 	 middle: [data-name="middle"]
+ * 	 top: [data-name="top"]
+ * }
+ * ```
+ */
+function TikTokLogo({ className, targets, variant = 'multicolor', ...props }) {
+    return (jsxs("svg", { ...props, className: twMerge(variant === 'multicolor' &&
+            '[&_[data-name="bottom"]]:fill-[rgb(0_242_234)] [&_[data-name="middle"]]:fill-black [&_[data-name="top"]]:fill-[rgb(255_0_79)]', className), viewBox: `0 0 ${variant === 'solid' ? '914' : '907'} 1024`, children: [variant === 'multicolor' && (jsxs(Fragment, { children: [jsx("path", { ...targets?.top, "data-name": 'top', d: 'M671.592,369.642C737.71,416.882 818.708,444.676 906.19,444.676L906.19,276.422C889.634,276.425 873.12,274.7 856.923,271.27L856.923,403.71C769.448,403.71 688.461,375.915 622.325,328.679L622.325,672.038C622.325,843.804 483.01,983.037 311.168,983.037C247.049,983.037 187.453,963.663 137.947,930.435C194.45,988.179 273.248,1024 360.424,1024C532.278,1024 671.599,884.767 671.599,712.994L671.599,369.642L671.592,369.642ZM732.368,199.894C698.578,162.997 676.392,115.315 671.592,62.6L671.592,40.959L624.904,40.959C636.656,107.96 676.74,165.201 732.368,199.894ZM246.638,798.627C227.759,773.886 217.557,743.621 217.603,712.502C217.603,633.943 281.324,570.246 359.939,570.246C374.59,570.243 389.154,572.485 403.116,576.913L403.116,404.898C386.799,402.663 370.331,401.714 353.87,402.062L353.87,535.95C339.897,531.522 325.327,529.273 310.672,529.287C232.057,529.287 168.339,592.977 168.339,671.546C168.339,727.1 200.189,775.197 246.638,798.627Z' }), jsx("path", { ...targets?.middle, "data-name": 'middle', d: 'M622.325,328.676C688.461,375.912 769.448,403.706 856.923,403.706L856.923,271.266C808.095,260.871 764.869,235.367 732.368,199.894C676.737,165.197 636.656,107.956 624.904,40.959L502.269,40.959L502.269,712.987C501.991,791.331 438.379,854.768 359.932,854.768C313.705,854.768 272.637,832.744 246.627,798.627C200.182,775.197 168.332,727.097 168.332,671.55C168.332,592.987 232.05,529.29 310.665,529.29C325.727,529.29 340.245,531.634 353.863,535.954L353.863,402.065C185.039,405.551 49.264,543.425 49.264,712.99C49.264,797.636 83.075,874.371 137.951,930.438C187.457,963.663 247.053,983.041 311.171,983.041C483.017,983.041 622.328,843.8 622.328,672.038L622.328,328.676L622.325,328.676Z' }), jsx("path", { ...targets?.bottom, "data-name": 'bottom', d: 'M856.923,271.266L856.923,235.455C812.892,235.522 769.725,223.197 732.368,199.89C765.438,236.077 808.984,261.029 856.923,271.266ZM624.904,40.959C623.783,34.557 622.923,28.113 622.325,21.641L622.325,0L452.998,0L452.998,672.035C452.728,750.369 389.119,813.805 310.665,813.805C287.632,813.805 265.886,808.341 246.627,798.631C272.637,832.744 313.705,854.765 359.932,854.765C438.372,854.765 501.995,791.335 502.269,712.99L502.269,40.959L624.904,40.959ZM353.87,402.065L353.87,363.942C339.721,362.009 325.457,361.039 311.175,361.046C139.314,361.046 0,500.283 0,672.035C0,779.713 54.753,874.61 137.954,930.431C83.078,874.368 49.267,797.629 49.267,712.987C49.267,543.425 185.039,405.551 353.87,402.065L353.87,402.065Z' })] })), variant === 'solid' && (jsx("path", { d: 'M667.348,44.69C680.075,111.724 720.791,169.313 777.229,205.249L777.286,205.307C816.62,230.358 863.44,244.986 913.716,244.986L913.716,420.98C820.306,420.98 733.749,391.782 663.086,342.197L663.086,700.001C663.086,878.644 514.39,1024 331.543,1024C260.881,1024 195.401,1002.23 141.555,965.316L141.44,965.201C55.977,906.517 0,809.536 0,699.944C0,521.301 148.754,375.887 331.543,375.887C346.747,375.887 361.605,377.154 376.233,379.054L376.233,558.849C362.066,554.53 347.15,551.996 331.543,551.996C248.038,551.996 180.14,618.397 180.14,700.001C180.14,756.784 213.139,806.196 261.284,830.96C282.304,841.787 306.204,847.949 331.543,847.949C413.09,847.949 479.663,784.543 482.658,705.53L482.946,0L663.086,0C663.086,15.261 664.584,30.177 667.348,44.69Z' }))] }));
+}
+
+/**
+ * # 𝕏 Logo
+ */
+function XLogo(props) {
+    return (jsx("svg", { ...props, viewBox: '0 0 1024 926', children: jsx("path", { d: 'M806.464,0L963.472,0L620.432,392.08L1024,925.6L708.016,925.6L460.528,602.016L177.328,925.6L20.224,925.6L387.136,506.24L0,0L324,0L547.712,295.76L806.464,0ZM751.344,831.616L838.352,831.616L276.736,89.04L183.36,89.04L751.344,831.616Z' }) }));
+}
+
+/**
+ * # YouTube Logo
+ *
+ * ```ts
+ * cutout: boolean = false
+ * targets: {
+ * 	 background: [data-name="background"],
+ * 	 play: [data-name="play"]
+ * }
+ * ```
+ */
+function YouTubeLogo({ className, cutout = false, targets, ...props }) {
+    return (jsx("svg", { ...props, className: twMerge(cutout
+            ? 'fill-[rgb(255_0_0)]'
+            : '[&_[data-name="background"]]:fill-[rgb(255_0_0)] [&_[data-name="play"]]:fill-white', className), viewBox: '0 0 1024 718', children: cutout ? (jsx("path", { ...targets?.background, "data-name": 'background', d: 'M1001.4,112.302L1001.4,112.306C1035.22,248.444 1027.41,463.456 1002.06,604.85C990.119,648.968 955.546,683.541 911.428,695.48C831.967,717.152 512.141,717.152 512.141,717.152C512.141,717.152 192.312,717.152 112.847,695.48C68.73,683.54 34.159,648.967 22.221,604.85C-11.799,469.304 -2.475,254.156 21.561,112.962C33.498,68.844 68.069,34.269 112.187,22.328C191.652,0.656 511.489,0 511.489,0C511.489,0 831.311,0 910.776,21.672C954.892,33.612 989.464,68.185 1001.4,112.302ZM409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z' })) : (jsxs(Fragment, { children: [jsx("path", { ...targets?.background, "data-name": 'background', d: 'M1001.4,112.302C989.464,68.185 954.892,33.612 910.776,21.672C831.311,0 511.489,0 511.489,0C511.489,0 191.652,0.656 112.187,22.328C68.069,34.269 33.498,68.844 21.561,112.962C-2.475,254.156 -11.799,469.304 22.221,604.85C34.159,648.967 68.73,683.54 112.847,695.48C192.312,717.152 512.141,717.152 512.141,717.152C512.141,717.152 831.967,717.152 911.428,695.48C955.546,683.541 990.119,648.968 1002.06,604.85C1027.41,463.456 1035.22,248.444 1001.4,112.306L1001.4,112.302Z' }), jsx("path", { ...(targets && 'play' in targets ? targets?.play : {}), "data-name": 'play', d: 'M409.692,512.249L675.008,358.574L409.692,204.899L409.692,512.249Z' })] })) }));
+}
+
+export { FacebookLogo, GoogleLogo, InstagramLogo, LinkedInLogo, TikTokLogo, XLogo, YouTubeLogo };
+//# sourceMappingURL=graphics.esm.js.map