@agentiffai/design 1.3.29 → 1.4.0

package/dist/icons/index.d.ts

@@ -1,398 +1,214 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { SVGAttributes, SVGProps } from 'react';
-import { AriaButtonProps } from '@react-aria/button';
+import React__default from 'react';
+export { b as FacebookIcon, F as FacebookIconProps, a as FacebookIconVariant, d as GmailIcon, G as GmailIconProps, c as GmailIconVariant, f as InstagramIcon, I as InstagramIconProps, e as InstagramVariant, h as LinkedInIcon, L as LinkedInIconProps, g as LinkedInIconVariant, j as PostizIcon, P as PostizIconProps, i as PostizIconVariant, l as RedditIcon, R as RedditIconProps, k as RedditIconVariant, n as SlackIcon, S as SlackIconProps, m as SlackIconVariant, p as TelegramIcon, T as TelegramIconProps, o as TelegramIconVariant, r as WhatsAppIcon, W as WhatsAppIconProps, q as WhatsAppIconVariant, t as XIcon, X as XIconProps, s as XIconVariant, v as YouTubeIcon, Y as YouTubeIconProps, u as YouTubeIconVariant } from '../YouTubeIcon-C1e6LEOF.js';
+import '@react-aria/button';
 
-type FacebookIconVariant = 'colored' | 'black' | 'white';
-interface FacebookIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'viewBox' | 'xmlns'> {
-    /**
-     * Visual variant of the icon
-     * - colored: Facebook brand colors (blue gradient)
-     * - black: Solid black
-     * - white: Solid white
-     */
-    variant?: FacebookIconVariant;
-    /**
-     * Size of the icon in pixels
-     */
+type AirtableIconVariant = 'colored' | 'black' | 'white';
+interface AirtableIconProps {
+    variant?: AirtableIconVariant;
     size?: number;
-    /**
-     * Additional CSS class name
-     */
     className?: string;
-    /**
-     * Accessible label for the icon
-     * Required for interactive icons, optional for decorative
-     */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    'aria-label'?: string;
+}
+declare function AirtableIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: AirtableIconProps): react_jsx_runtime.JSX.Element;
+declare namespace AirtableIcon {
+    var displayName: string;
+}
+
+type AmazonIconVariant = 'colored' | 'black' | 'white';
+interface AmazonIconProps {
+    variant?: AmazonIconVariant;
+    size?: number;
+    className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    'aria-label'?: string;
+}
+declare function AmazonIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: AmazonIconProps): react_jsx_runtime.JSX.Element;
+declare namespace AmazonIcon {
+    var displayName: string;
+}
+
+type AsanaIconVariant = 'colored' | 'black' | 'white';
+interface AsanaIconProps {
+    variant?: AsanaIconVariant;
+    size?: number;
+    className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
-    /**
-     * Whether the icon is decorative (hidden from screen readers)
-     */
-    'aria-hidden'?: boolean;
-    /**
-     * Click handler for interactive icons
-     */
-    onClick?: () => void;
-}
-/**
- * Facebook brand icon component with three variants
- *
- * @example
- * // Colored variant (default)
- * <FacebookIcon />
- *
- * @example
- * // Black variant with custom size
- * <FacebookIcon variant="black" size={32} />
- *
- * @example
- * // Interactive icon with click handler
- * <FacebookIcon
- *   onClick={handleClick}
- *   aria-label="Share on Facebook"
- *   style={{ cursor: 'pointer' }}
- * />
- *
- * @example
- * // Decorative icon (hidden from screen readers)
- * <FacebookIcon aria-hidden="true" />
- */
-declare function FacebookIcon({ variant, size, className, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, onClick, ...svgProps }: FacebookIconProps): react_jsx_runtime.JSX.Element;
-declare namespace FacebookIcon {
+}
+declare function AsanaIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: AsanaIconProps): react_jsx_runtime.JSX.Element;
+declare namespace AsanaIcon {
+    var displayName: string;
+}
+
+type CalendlyIconVariant = 'colored' | 'black' | 'white';
+interface CalendlyIconProps {
+    variant?: CalendlyIconVariant;
+    size?: number;
+    className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    'aria-label'?: string;
+}
+declare function CalendlyIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: CalendlyIconProps): react_jsx_runtime.JSX.Element;
+declare namespace CalendlyIcon {
     var displayName: string;
 }
 
-type GmailIconVariant = 'colored' | 'black' | 'white';
-interface GmailIconProps extends Partial<AriaButtonProps> {
-    variant?: GmailIconVariant;
+type ClickUpIconVariant = 'colored' | 'black' | 'white';
+interface ClickUpIconProps {
+    variant?: ClickUpIconVariant;
     size?: number;
     className?: string;
-    style?: React.CSSProperties;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
+declare function ClickUpIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: ClickUpIconProps): react_jsx_runtime.JSX.Element;
+declare namespace ClickUpIcon {
+    var displayName: string;
+}
 
-declare function GmailIcon({ variant, size, className, style, 'aria-label': ariaLabel, onPress, ...ariaProps }: GmailIconProps): react_jsx_runtime.JSX.Element;
-declare namespace GmailIcon {
+type DropboxIconVariant = 'colored' | 'black' | 'white';
+interface DropboxIconProps {
+    variant?: DropboxIconVariant;
+    size?: number;
+    className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    'aria-label'?: string;
+}
+declare function DropboxIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: DropboxIconProps): react_jsx_runtime.JSX.Element;
+declare namespace DropboxIcon {
     var displayName: string;
 }
 
-type InstagramVariant = 'colored' | 'black' | 'white';
-interface InstagramIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'viewBox' | 'xmlns'> {
-    /**
-     * Visual variant of the icon
-     * - colored: Instagram brand gradient (purple to yellow)
-     * - black: Solid black
-     * - white: Solid white
-     */
-    variant?: InstagramVariant;
-    /**
-     * Size of the icon in pixels
-     */
+type GitHubIconVariant = 'colored' | 'black' | 'white';
+interface GitHubIconProps {
+    variant?: GitHubIconVariant;
     size?: number;
-    /**
-     * Additional CSS class name
-     */
     className?: string;
-    /**
-     * Accessible label for the icon
-     * Required for interactive icons, optional for decorative
-     */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
-    /**
-     * Whether the icon is decorative (hidden from screen readers)
-     */
-    'aria-hidden'?: boolean;
-    /**
-     * Click handler for interactive icons
-     */
-    onClick?: () => void;
-}
-/**
- * Instagram brand icon component with three variants
- *
- * @example
- * // Colored variant (default)
- * <InstagramIcon />
- *
- * @example
- * // Black variant with custom size
- * <InstagramIcon variant="black" size={32} />
- *
- * @example
- * // Interactive icon with click handler
- * <InstagramIcon
- *   onClick={handleClick}
- *   aria-label="Share on Instagram"
- *   style={{ cursor: 'pointer' }}
- * />
- *
- * @example
- * // Decorative icon (hidden from screen readers)
- * <InstagramIcon aria-hidden="true" />
- */
-declare function InstagramIcon({ variant, size, className, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, onClick, ...svgProps }: InstagramIconProps): react_jsx_runtime.JSX.Element;
-declare namespace InstagramIcon {
+}
+declare function GitHubIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: GitHubIconProps): react_jsx_runtime.JSX.Element;
+declare namespace GitHubIcon {
     var displayName: string;
 }
 
-type LinkedInIconVariant = 'colored' | 'black' | 'white';
-interface LinkedInIconProps extends Partial<AriaButtonProps> {
-    variant?: LinkedInIconVariant;
+type GitLabIconVariant = 'colored' | 'black' | 'white';
+interface GitLabIconProps {
+    variant?: GitLabIconVariant;
     size?: number;
     className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
-declare function LinkedInIcon({ variant, size, className, 'aria-label': ariaLabel, onPress, ...ariaProps }: LinkedInIconProps): react_jsx_runtime.JSX.Element;
-declare namespace LinkedInIcon {
+declare function GitLabIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: GitLabIconProps): react_jsx_runtime.JSX.Element;
+declare namespace GitLabIcon {
     var displayName: string;
 }
 
-type PostizIconVariant = 'colored' | 'black' | 'white';
-interface PostizIconProps extends Partial<AriaButtonProps> {
-    variant?: PostizIconVariant;
+type JiraIconVariant = 'colored' | 'black' | 'white';
+interface JiraIconProps {
+    variant?: JiraIconVariant;
     size?: number;
     className?: string;
-    style?: React.CSSProperties;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
+declare function JiraIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: JiraIconProps): react_jsx_runtime.JSX.Element;
+declare namespace JiraIcon {
+    var displayName: string;
+}
 
-/**
- * Postiz logo - Official Postiz social media scheduling platform logo
- * Brand colors: Purple (#612bd3), Dark (#131019), White (#fff)
- */
-declare function PostizIcon({ variant, size, className, style, 'aria-label': ariaLabel, onPress, ...ariaProps }: PostizIconProps): react_jsx_runtime.JSX.Element;
-declare namespace PostizIcon {
+type MicrosoftIconVariant = 'colored' | 'black' | 'white';
+interface MicrosoftIconProps {
+    variant?: MicrosoftIconVariant;
+    size?: number;
+    className?: string;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    'aria-label'?: string;
+}
+declare function MicrosoftIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: MicrosoftIconProps): react_jsx_runtime.JSX.Element;
+declare namespace MicrosoftIcon {
     var displayName: string;
 }
 
-type RedditIconVariant = 'colored' | 'black' | 'white';
-interface RedditIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'viewBox' | 'fill' | 'xmlns'> {
-    /** Visual variant of the icon */
-    variant?: RedditIconVariant;
-    /** Size of the icon in pixels */
+type PinterestIconVariant = 'colored' | 'black' | 'white';
+interface PinterestIconProps {
+    variant?: PinterestIconVariant;
     size?: number;
-    /** Additional CSS class */
     className?: string;
-    /** Click handler for interactive icons */
-    onClick?: () => void;
-    /** Accessible label for screen readers */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
-declare function RedditIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, ...svgProps }: RedditIconProps): react_jsx_runtime.JSX.Element;
-declare namespace RedditIcon {
+declare function PinterestIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: PinterestIconProps): react_jsx_runtime.JSX.Element;
+declare namespace PinterestIcon {
     var displayName: string;
 }
 
-type SlackIconVariant = 'colored' | 'black' | 'white';
-interface SlackIconProps {
-    variant?: SlackIconVariant;
+type PipedriveIconVariant = 'colored' | 'black' | 'white';
+interface PipedriveIconProps {
+    variant?: PipedriveIconVariant;
     size?: number;
     className?: string;
     onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
-declare function SlackIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: SlackIconProps): react_jsx_runtime.JSX.Element;
-declare namespace SlackIcon {
+declare function PipedriveIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: PipedriveIconProps): react_jsx_runtime.JSX.Element;
+declare namespace PipedriveIcon {
     var displayName: string;
 }
 
-type TelegramIconVariant = 'colored' | 'black' | 'white';
-interface TelegramIconProps extends Omit<SVGAttributes<SVGSVGElement>, 'viewBox' | 'xmlns'> {
-    /**
-     * Visual variant of the icon
-     * - colored: Telegram brand colors (blue gradient)
-     * - black: Solid black
-     * - white: Solid white
-     */
-    variant?: TelegramIconVariant;
-    /**
-     * Size of the icon in pixels
-     */
+type SendGridIconVariant = 'colored' | 'black' | 'white';
+interface SendGridIconProps {
+    variant?: SendGridIconVariant;
     size?: number;
-    /**
-     * Additional CSS class name
-     */
     className?: string;
-    /**
-     * Accessible label for the icon
-     * Required for interactive icons, optional for decorative
-     */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
-    /**
-     * Whether the icon is decorative (hidden from screen readers)
-     */
-    'aria-hidden'?: boolean;
-    /**
-     * Click handler for interactive icons
-     */
-    onClick?: () => void;
-}
-/**
- * Telegram brand icon component with three variants
- *
- * Features:
- * - Three variants: colored (gradient), black, and white
- * - Customizable size (default 24px)
- * - Accessible with proper ARIA attributes
- * - Works as both decorative and interactive elements
- * - Inline SVG for optimal performance
- *
- * @example
- * // Colored variant (default)
- * <TelegramIcon />
- *
- * @example
- * // Black variant with custom size
- * <TelegramIcon variant="black" size={32} />
- *
- * @example
- * // Interactive icon with click handler
- * <TelegramIcon
- *   onClick={handleClick}
- *   aria-label="Share on Telegram"
- *   style={{ cursor: 'pointer' }}
- * />
- *
- * @example
- * // Decorative icon (hidden from screen readers)
- * <TelegramIcon aria-hidden="true" />
- */
-declare function TelegramIcon({ variant, size, className, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, onClick, ...svgProps }: TelegramIconProps): react_jsx_runtime.JSX.Element;
-declare namespace TelegramIcon {
+}
+declare function SendGridIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: SendGridIconProps): react_jsx_runtime.JSX.Element;
+declare namespace SendGridIcon {
     var displayName: string;
 }
 
-type WhatsAppIconVariant = 'colored' | 'black' | 'white';
-interface WhatsAppIconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
-    /**
-     * Visual variant of the icon
-     * - colored: Green WhatsApp brand color (#25D366) on white background
-     * - black: Solid black icon
-     * - white: Solid white icon
-     * @default 'colored'
-     */
-    variant?: WhatsAppIconVariant;
-    /**
-     * Size of the icon in pixels
-     * @default 24
-     */
+type SupabaseIconVariant = 'colored' | 'black' | 'white';
+interface SupabaseIconProps {
+    variant?: SupabaseIconVariant;
     size?: number;
-    /**
-     * Additional CSS class name
-     */
     className?: string;
-    /**
-     * Accessible label for the icon
-     * Required for interactive icons, optional for decorative ones
-     */
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
-    /**
-     * Whether the icon is decorative only (hidden from screen readers)
-     * @default false
-     */
-    'aria-hidden'?: boolean;
-    /**
-     * Click handler for interactive icons
-     */
-    onClick?: () => void;
-}
-/**
- * WhatsApp brand icon component with three visual variants.
- * Built with accessibility in mind - supports both decorative and interactive use cases.
- *
- * @example
- * ```tsx
- * // Decorative icon
- * <WhatsAppIcon variant="colored" aria-hidden />
- *
- * // Interactive icon (button/link)
- * <WhatsAppIcon
- *   variant="white"
- *   aria-label="Share on WhatsApp"
- *   onClick={handleShare}
- * />
- *
- * // Custom size
- * <WhatsAppIcon size={32} variant="black" />
- * ```
- */
-declare function WhatsAppIcon({ variant, size, className, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, onClick, ...svgProps }: WhatsAppIconProps): react_jsx_runtime.JSX.Element;
-declare namespace WhatsAppIcon {
+}
+declare function SupabaseIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: SupabaseIconProps): react_jsx_runtime.JSX.Element;
+declare namespace SupabaseIcon {
     var displayName: string;
 }
 
-type XIconVariant = 'colored' | 'black' | 'white';
-interface XIconProps {
-    /**
-     * The variant of the X icon to display
-     * @default 'colored'
-     */
-    variant?: XIconVariant;
-    /**
-     * The size of the icon in pixels
-     * @default 24
-     */
+type TodoistIconVariant = 'colored' | 'black' | 'white';
+interface TodoistIconProps {
+    variant?: TodoistIconVariant;
     size?: number;
-    /**
-     * Additional CSS class name
-     */
     className?: string;
-    /**
-     * Click handler for interactive icons
-     */
     onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
-    /**
-     * Accessible label for the icon
-     * If not provided and icon is interactive, defaults to "X (formerly Twitter) icon"
-     */
     'aria-label'?: string;
-    /**
-     * Whether the icon is purely decorative (will hide from screen readers)
-     * @default false
-     */
-    decorative?: boolean;
-}
-/**
- * XIcon component - Displays the X (formerly Twitter) icon with three variants
- *
- * This component renders the X social media icon with support for colored (black),
- * explicit black, and white variants. It's fully accessible and can be used as both
- * a decorative element and an interactive button.
- *
- * @example
- * ```tsx
- * // Colored variant (default, black)
- * <XIcon />
- *
- * // White variant for dark backgrounds
- * <XIcon variant="white" size={32} />
- *
- * // Interactive icon with click handler
- * <XIcon
- *   variant="colored"
- *   onClick={() => window.open('https://x.com/yourhandle')}
- *   aria-label="Visit our X profile"
- * />
- *
- * // Decorative icon (hidden from screen readers)
- * <XIcon decorative />
- * ```
- */
-declare function XIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, decorative, }: XIconProps): react_jsx_runtime.JSX.Element;
-declare namespace XIcon {
+}
+declare function TodoistIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: TodoistIconProps): react_jsx_runtime.JSX.Element;
+declare namespace TodoistIcon {
     var displayName: string;
 }
 
-type YouTubeIconVariant = 'colored' | 'black' | 'white';
-interface YouTubeIconProps {
-    variant?: YouTubeIconVariant;
+type TrelloIconVariant = 'colored' | 'black' | 'white';
+interface TrelloIconProps {
+    variant?: TrelloIconVariant;
     size?: number;
     className?: string;
-    onClick?: () => void;
+    onClick?: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     'aria-label'?: string;
 }
-declare function YouTubeIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: YouTubeIconProps): react_jsx_runtime.JSX.Element;
-declare namespace YouTubeIcon {
+declare function TrelloIcon({ variant, size, className, onClick, 'aria-label': ariaLabel, }: TrelloIconProps): react_jsx_runtime.JSX.Element;
+declare namespace TrelloIcon {
     var displayName: string;
 }
 
-export { FacebookIcon, type FacebookIconProps, type FacebookIconVariant, GmailIcon, type GmailIconProps, type GmailIconVariant, InstagramIcon, type InstagramIconProps, type InstagramVariant, LinkedInIcon, type LinkedInIconProps, type LinkedInIconVariant, PostizIcon, type PostizIconProps, type PostizIconVariant, RedditIcon, type RedditIconProps, type RedditIconVariant, SlackIcon, type SlackIconProps, type SlackIconVariant, TelegramIcon, type TelegramIconProps, type TelegramIconVariant, WhatsAppIcon, type WhatsAppIconProps, type WhatsAppIconVariant, XIcon, type XIconProps, type XIconVariant, YouTubeIcon, type YouTubeIconProps, type YouTubeIconVariant };
+export { AirtableIcon, type AirtableIconProps, type AirtableIconVariant, AmazonIcon, type AmazonIconProps, type AmazonIconVariant, AsanaIcon, type AsanaIconProps, type AsanaIconVariant, CalendlyIcon, type CalendlyIconProps, type CalendlyIconVariant, ClickUpIcon, type ClickUpIconProps, type ClickUpIconVariant, DropboxIcon, type DropboxIconProps, type DropboxIconVariant, GitHubIcon, type GitHubIconProps, type GitHubIconVariant, GitLabIcon, type GitLabIconProps, type GitLabIconVariant, JiraIcon, type JiraIconProps, type JiraIconVariant, MicrosoftIcon, type MicrosoftIconProps, type MicrosoftIconVariant, PinterestIcon, type PinterestIconProps, type PinterestIconVariant, PipedriveIcon, type PipedriveIconProps, type PipedriveIconVariant, SendGridIcon, type SendGridIconProps, type SendGridIconVariant, SupabaseIcon, type SupabaseIconProps, type SupabaseIconVariant, TodoistIcon, type TodoistIconProps, type TodoistIconVariant, TrelloIcon, type TrelloIconProps, type TrelloIconVariant };