@clickhouse/click-ui 0.0.0-alpha

package/dist/components/Icon/IconCommon.d.ts

@@ -0,0 +1,570 @@
+/// <reference types="react" />
+export declare const ICONS_MAP: {
+    activity: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "arrow-down": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "arrow-right": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "arrow-triangle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "arrow-up": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    backups: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    blog: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    book: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    brackets: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    briefcase: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    building: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "burger-menu": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    cards: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "cell-tower": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    chat: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    check: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "check-in-circle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chevron-down": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chevron-left": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chevron-right": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "chevron-up": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    clock: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    cloud: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    code: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "code-in-square": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    connect: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "connect-alt": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    console: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    copy: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    cross: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    data: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    database: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    disk: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    display: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    document: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "dots-horizontal": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "dots-vertical": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    email: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    empty: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    eye: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "eye-closed": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    filter: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    fire: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    folder: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    gift: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    history: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    home: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    http: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "info-in-circle": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    information: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "insert-row": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    integrations: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "light-bulb": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    lightening: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    loading: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "loading-animated": import("styled-components").IStyledComponent<"web", {
+        className?: string | undefined;
+        color?: string | undefined;
+        height?: string | number | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        max?: string | number | undefined;
+        media?: string | undefined;
+        method?: string | undefined;
+        min?: string | number | undefined;
+        name?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+        target?: string | undefined;
+        type?: string | undefined;
+        width?: string | number | undefined;
+        role?: import("react").AriaRole | undefined;
+        tabIndex?: number | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+        accentHeight?: string | number | undefined;
+        accumulate?: "none" | "sum" | undefined;
+        additive?: "replace" | "sum" | undefined;
+        alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "inherit" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | undefined;
+        allowReorder?: "yes" | "no" | undefined;
+        alphabetic?: string | number | undefined;
+        amplitude?: string | number | undefined;
+        arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
+        ascent?: string | number | undefined;
+        attributeName?: string | undefined;
+        attributeType?: string | undefined;
+        autoReverse?: (boolean | "true" | "false") | undefined;
+        azimuth?: string | number | undefined;
+        baseFrequency?: string | number | undefined;
+        baselineShift?: string | number | undefined;
+        baseProfile?: string | number | undefined;
+        bbox?: string | number | undefined;
+        begin?: string | number | undefined;
+        bias?: string | number | undefined;
+        by?: string | number | undefined;
+        calcMode?: string | number | undefined;
+        capHeight?: string | number | undefined;
+        clip?: string | number | undefined;
+        clipPath?: string | undefined;
+        clipPathUnits?: string | number | undefined;
+        clipRule?: string | number | undefined;
+        colorInterpolation?: string | number | undefined;
+        colorInterpolationFilters?: "inherit" | "auto" | "sRGB" | "linearRGB" | undefined;
+        colorProfile?: string | number | undefined;
+        colorRendering?: string | number | undefined;
+        contentScriptType?: string | number | undefined;
+        contentStyleType?: string | number | undefined;
+        cursor?: string | number | undefined;
+        cx?: string | number | undefined;
+        cy?: string | number | undefined;
+        d?: string | undefined;
+        decelerate?: string | number | undefined;
+        descent?: string | number | undefined;
+        diffuseConstant?: string | number | undefined;
+        direction?: string | number | undefined;
+        display?: string | number | undefined;
+        divisor?: string | number | undefined;
+        dominantBaseline?: string | number | undefined;
+        dur?: string | number | undefined;
+        dx?: string | number | undefined;
+        dy?: string | number | undefined;
+        edgeMode?: string | number | undefined;
+        elevation?: string | number | undefined;
+        enableBackground?: string | number | undefined;
+        end?: string | number | undefined;
+        exponent?: string | number | undefined;
+        externalResourcesRequired?: (boolean | "true" | "false") | undefined;
+        fill?: string | undefined;
+        fillOpacity?: string | number | undefined;
+        fillRule?: "inherit" | "nonzero" | "evenodd" | undefined;
+        filter?: string | undefined;
+        filterRes?: string | number | undefined;
+        filterUnits?: string | number | undefined;
+        floodColor?: string | number | undefined;
+        floodOpacity?: string | number | undefined;
+        focusable?: (boolean | "true" | "false") | "auto" | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: string | number | undefined;
+        fontSizeAdjust?: string | number | undefined;
+        fontStretch?: string | number | undefined;
+        fontStyle?: string | number | undefined;
+        fontVariant?: string | number | undefined;
+        fontWeight?: string | number | undefined;
+        format?: string | number | undefined;
+        fr?: string | number | undefined;
+        from?: string | number | undefined;
+        fx?: string | number | undefined;
+        fy?: string | number | undefined;
+        g1?: string | number | undefined;
+        g2?: string | number | undefined;
+        glyphName?: string | number | undefined;
+        glyphOrientationHorizontal?: string | number | undefined;
+        glyphOrientationVertical?: string | number | undefined;
+        glyphRef?: string | number | undefined;
+        gradientTransform?: string | undefined;
+        gradientUnits?: string | undefined;
+        hanging?: string | number | undefined;
+        horizAdvX?: string | number | undefined;
+        horizOriginX?: string | number | undefined;
+        href?: string | undefined;
+        ideographic?: string | number | undefined;
+        imageRendering?: string | number | undefined;
+        in2?: string | number | undefined;
+        in?: string | undefined;
+        intercept?: string | number | undefined;
+        k1?: string | number | undefined;
+        k2?: string | number | undefined;
+        k3?: string | number | undefined;
+        k4?: string | number | undefined;
+        k?: string | number | undefined;
+        kernelMatrix?: string | number | undefined;
+        kernelUnitLength?: string | number | undefined;
+        kerning?: string | number | undefined;
+        keyPoints?: string | number | undefined;
+        keySplines?: string | number | undefined;
+        keyTimes?: string | number | undefined;
+        lengthAdjust?: string | number | undefined;
+        letterSpacing?: string | number | undefined;
+        lightingColor?: string | number | undefined;
+        limitingConeAngle?: string | number | undefined;
+        local?: string | number | undefined;
+        markerEnd?: string | undefined;
+        markerHeight?: string | number | undefined;
+        markerMid?: string | undefined;
+        markerStart?: string | undefined;
+        markerUnits?: string | number | undefined;
+        markerWidth?: string | number | undefined;
+        mask?: string | undefined;
+        maskContentUnits?: string | number | undefined;
+        maskUnits?: string | number | undefined;
+        mathematical?: string | number | undefined;
+        mode?: string | number | undefined;
+        numOctaves?: string | number | undefined;
+        offset?: string | number | undefined;
+        opacity?: string | number | undefined;
+        operator?: string | number | undefined;
+        order?: string | number | undefined;
+        orient?: string | number | undefined;
+        orientation?: string | number | undefined;
+        origin?: string | number | undefined;
+        overflow?: string | number | undefined;
+        overlinePosition?: string | number | undefined;
+        overlineThickness?: string | number | undefined;
+        paintOrder?: string | number | undefined;
+        panose1?: string | number | undefined;
+        path?: string | undefined;
+        pathLength?: string | number | undefined;
+        patternContentUnits?: string | undefined;
+        patternTransform?: string | number | undefined;
+        patternUnits?: string | undefined;
+        pointerEvents?: string | number | undefined;
+        points?: string | undefined;
+        pointsAtX?: string | number | undefined;
+        pointsAtY?: string | number | undefined;
+        pointsAtZ?: string | number | undefined;
+        preserveAlpha?: (boolean | "true" | "false") | undefined;
+        preserveAspectRatio?: string | undefined;
+        primitiveUnits?: string | number | undefined;
+        r?: string | number | undefined;
+        radius?: string | number | undefined;
+        refX?: string | number | undefined;
+        refY?: string | number | undefined;
+        renderingIntent?: string | number | undefined;
+        repeatCount?: string | number | undefined;
+        repeatDur?: string | number | undefined;
+        requiredExtensions?: string | number | undefined;
+        requiredFeatures?: string | number | undefined;
+        restart?: string | number | undefined;
+        result?: string | undefined;
+        rotate?: string | number | undefined;
+        rx?: string | number | undefined;
+        ry?: string | number | undefined;
+        scale?: string | number | undefined;
+        seed?: string | number | undefined;
+        shapeRendering?: string | number | undefined;
+        slope?: string | number | undefined;
+        spacing?: string | number | undefined;
+        specularConstant?: string | number | undefined;
+        specularExponent?: string | number | undefined;
+        speed?: string | number | undefined;
+        spreadMethod?: string | undefined;
+        startOffset?: string | number | undefined;
+        stdDeviation?: string | number | undefined;
+        stemh?: string | number | undefined;
+        stemv?: string | number | undefined;
+        stitchTiles?: string | number | undefined;
+        stopColor?: string | undefined;
+        stopOpacity?: string | number | undefined;
+        strikethroughPosition?: string | number | undefined;
+        strikethroughThickness?: string | number | undefined;
+        string?: string | number | undefined;
+        stroke?: string | undefined;
+        strokeDasharray?: string | number | undefined;
+        strokeDashoffset?: string | number | undefined;
+        strokeLinecap?: "inherit" | "butt" | "round" | "square" | undefined;
+        strokeLinejoin?: "inherit" | "round" | "miter" | "bevel" | undefined;
+        strokeMiterlimit?: string | number | undefined;
+        strokeOpacity?: string | number | undefined;
+        strokeWidth?: string | number | undefined;
+        surfaceScale?: string | number | undefined;
+        systemLanguage?: string | number | undefined;
+        tableValues?: string | number | undefined;
+        targetX?: string | number | undefined;
+        targetY?: string | number | undefined;
+        textAnchor?: string | undefined;
+        textDecoration?: string | number | undefined;
+        textLength?: string | number | undefined;
+        textRendering?: string | number | undefined;
+        to?: string | number | undefined;
+        transform?: string | undefined;
+        u1?: string | number | undefined;
+        u2?: string | number | undefined;
+        underlinePosition?: string | number | undefined;
+        underlineThickness?: string | number | undefined;
+        unicode?: string | number | undefined;
+        unicodeBidi?: string | number | undefined;
+        unicodeRange?: string | number | undefined;
+        unitsPerEm?: string | number | undefined;
+        vAlphabetic?: string | number | undefined;
+        values?: string | undefined;
+        vectorEffect?: string | number | undefined;
+        version?: string | undefined;
+        vertAdvY?: string | number | undefined;
+        vertOriginX?: string | number | undefined;
+        vertOriginY?: string | number | undefined;
+        vHanging?: string | number | undefined;
+        vIdeographic?: string | number | undefined;
+        viewBox?: string | undefined;
+        viewTarget?: string | number | undefined;
+        visibility?: string | number | undefined;
+        vMathematical?: string | number | undefined;
+        widths?: string | number | undefined;
+        wordSpacing?: string | number | undefined;
+        writingMode?: string | number | undefined;
+        x1?: string | number | undefined;
+        x2?: string | number | undefined;
+        x?: string | number | undefined;
+        xChannelSelector?: string | undefined;
+        xHeight?: string | number | undefined;
+        xlinkActuate?: string | undefined;
+        xlinkArcrole?: string | undefined;
+        xlinkHref?: string | undefined;
+        xlinkRole?: string | undefined;
+        xlinkShow?: string | undefined;
+        xlinkTitle?: string | undefined;
+        xlinkType?: string | undefined;
+        xmlBase?: string | undefined;
+        xmlLang?: string | undefined;
+        xmlns?: string | undefined;
+        xmlnsXlink?: string | undefined;
+        xmlSpace?: string | undefined;
+        y1?: string | number | undefined;
+        y2?: string | number | undefined;
+        y?: string | number | undefined;
+        yChannelSelector?: string | undefined;
+        z?: string | number | undefined;
+        zoomAndPan?: string | undefined;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-braillelabel'?: string | undefined;
+        'aria-brailleroledescription'?: string | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-colcount'?: number | undefined;
+        'aria-colindex'?: number | undefined;
+        'aria-colindextext'?: string | undefined;
+        'aria-colspan'?: number | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-description'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: number | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: number | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: number | undefined;
+        'aria-rowindex'?: number | undefined;
+        'aria-rowindextext'?: string | undefined;
+        'aria-rowspan'?: number | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: number | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: number | undefined;
+        'aria-valuemin'?: number | undefined;
+        'aria-valuenow'?: number | undefined;
+        'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<SVGElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<SVGElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<SVGElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<SVGElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<SVGElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<SVGElement> | undefined;
+        onChange?: import("react").FormEventHandler<SVGElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onBeforeInput?: import("react").FormEventHandler<SVGElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onInput?: import("react").FormEventHandler<SVGElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onReset?: import("react").FormEventHandler<SVGElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<SVGElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<SVGElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<SVGElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onError?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<SVGElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPause?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onResize?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onClick?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onDrag?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDrop?: import("react").DragEventHandler<SVGElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<SVGElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<SVGElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<SVGElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<SVGElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerEnterCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerLeaveCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGElement> | undefined;
+        onScroll?: import("react").UIEventHandler<SVGElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<SVGElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<SVGElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<SVGElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<SVGElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<SVGElement> | undefined;
+    }>;
+    metrics: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "metrics-alt": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    payment: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    pencil: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "pie-chart": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    play: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    plus: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    popout: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    question: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    refresh: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    search: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    secure: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    services: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    settings: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    share: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "slide-in": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "slide-out": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    "sort-alt": (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    sort: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    sparkle: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    speaker: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    speed: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    star: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    support: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    table: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    taxi: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    trash: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    upload: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    url: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    user: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    users: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+    warning: (props: import("react").SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Icon/types.d.ts

@@ -0,0 +1,8 @@
+import { SVGAttributes } from "react";
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type IconName = "activity" | "arrow-down" | "arrow-right" | "arrow-triangle" | "arrow-up" | "backups" | "blog" | "book" | "brackets" | "briefcase" | "building" | "burger-menu" | "cards" | "cell-tower" | "chat" | "check" | "check-in-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "cloud" | "code" | "code-in-square" | "connect" | "connect-alt" | "console" | "copy" | "cross" | "data" | "database" | "disk" | "display" | "document" | "dots-horizontal" | "dots-vertical" | "email" | "empty" | "eye" | "eye-closed" | "filter" | "fire" | "folder" | "gift" | "history" | "home" | "http" | "info-in-circle" | "information" | "insert-row" | "integrations" | "light-bulb" | "lightening" | "loading" | "loading-animated" | "metrics" | "metrics-alt" | "payment" | "pencil" | "pie-chart" | "play" | "plus" | "popout" | "question" | "refresh" | "search" | "secure" | "services" | "settings" | "share" | "slide-in" | "slide-out" | "sort-alt" | "sort" | "sparkle" | "speaker" | "speed" | "star" | "support" | "table" | "taxi" | "trash" | "upload" | "url" | "user" | "users" | "warning";
+export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
+    name: IconName;
+    color?: string;
+    size?: IconSize;
+}

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from '../../components/Icon/types';
+import { HTMLAttributes } from "react";
+export interface IconButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    size?: "sm" | "xs";
+    disabled?: boolean;
+    type?: "primary" | "secondary";
+    icon: IconName;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").ForwardRefExoticComponent<import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        icon: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        icon: string;
+    };
+};
+export declare const Empty: {
+    args: {
+        display: string;
+        icon: string;
+    };
+};
+export declare const Small: {
+    args: {
+        size: string;
+        icon: string;
+    };
+};

package/dist/components/IconButton/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};