@rovula/ui 0.0.21 → 0.0.22

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

@@ -0,0 +1,508 @@
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Icon").IconProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        name: string;
+        type?: "heroicons" | "material" | "custom" | undefined;
+        color?: "inherit" | "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
+        variant?: "solid" | "outline" | undefined;
+        size?: "inherit" | "sm" | "md" | "lg" | undefined;
+        className?: string | undefined;
+        suppressHydrationWarning?: boolean | 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;
+        style?: React.CSSProperties | undefined;
+        target?: string | undefined;
+        width?: string | number | undefined;
+        role?: React.AriaRole | undefined;
+        tabIndex?: number | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+        accentHeight?: string | number | undefined;
+        accumulate?: "none" | "sum" | undefined;
+        additive?: "sum" | "replace" | undefined;
+        alignmentBaseline?: "alphabetic" | "hanging" | "ideographic" | "mathematical" | "auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "inherit" | undefined;
+        allowReorder?: "no" | "yes" | 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?: "auto" | "inherit" | "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?: "auto" | (boolean | "true" | "false") | 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 | "true" | "false" | "page" | "step" | "location" | "date" | "time" | 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" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | 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"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "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?: React.ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onCut?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<SVGSVGElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<SVGSVGElement> | undefined;
+        onFocus?: React.FocusEventHandler<SVGSVGElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<SVGSVGElement> | undefined;
+        onBlur?: React.FocusEventHandler<SVGSVGElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<SVGSVGElement> | undefined;
+        onChange?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onChangeCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onBeforeInput?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onBeforeInputCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onInput?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onInputCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onReset?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onResetCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onSubmit?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onSubmitCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onInvalid?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onInvalidCapture?: React.FormEventHandler<SVGSVGElement> | undefined;
+        onLoad?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onError?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<SVGSVGElement> | undefined;
+        onAbort?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEmptied?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEnded?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPause?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPlay?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPlaying?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onProgress?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onRateChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onResize?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onResizeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSeeked?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSeeking?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onStalled?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSuspend?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onWaiting?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onDrag?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragEnd?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragEnter?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragExit?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragLeave?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragOver?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragStart?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDrop?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onDropCapture?: React.DragEventHandler<SVGSVGElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<SVGSVGElement> | undefined;
+        onSelect?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<SVGSVGElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<SVGSVGElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
+        onScroll?: React.UIEventHandler<SVGSVGElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
+        onWheel?: React.WheelEventHandler<SVGSVGElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<SVGSVGElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<SVGSVGElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
+        ref?: React.LegacyRef<SVGSVGElement> | undefined;
+        key?: React.Key | null | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Default: {
+    args: {
+        variant: string;
+        name: string;
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PreviewHeroIcon: {
+    args: {};
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PreviewMaterialIcon: {
+    args: {};
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,4 @@
+export declare const iconVariants: (props?: ({
+    color?: "inherit" | "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | null | undefined;
+    size?: "inherit" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;