@deepnoid/ui 1.0.21 → 1.0.23

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

@@ -1,719 +1,194 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { template, IconProps as IconProps$1 } from './template.js';
 import { MouseEventHandler } from 'react';
-import { template } from './template.js';
 import { Size } from '../../utils/types.js';
 
 declare const iconTemplate: {
-    left: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "left-double": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    right: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "right-double": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "left-chevron": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "right-chevron": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "left-double-chevron": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "right-double-chevron": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    star: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    halfStar: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    avatar: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    dashboard: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    user: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    book: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    file: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    list: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    computer: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    bubble: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    megaphone: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    filter: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    menu: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    home: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "home-outline": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    exclamation: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    close: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    plus: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    minus: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    pencil: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    cancel: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    circle: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    down: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    organic: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    inorganic: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "gray-scale": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "gray-scale-outline": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "gray-scale-inversion": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "gray-scale-bright": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    color: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "color-outline": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "color-inversion": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "color-bright": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "zoom-in": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "zoom-out": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "top-view": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "side-view": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    camera: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "open-box": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "open-item": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    lock: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    unlock: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    chat: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "chat-outline": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    calendar: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-left": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-right": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    check: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    eye: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "eye-off": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    bag: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    text: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    question: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    photo: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    tag: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "check-page": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    rectangle: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    polygon: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "new-window": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "plus-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "minus-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "close-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "check-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "info-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "question-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "exclamation-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "exclamation-triangle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    loading: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "user-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "user-plus": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "user-minus": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "camera-old": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "monitor-jaw": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "monitor-neck": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    sun: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    moon: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    clock: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    redClock: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    chart: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "chart-square": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "chart-table-bar": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "chart-table-line": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    heart: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    ticket: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    clip: ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    link: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    unlink: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    label: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    bookmark: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "bookmark-off": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    video: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "video-off": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    sound: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "sound-off": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    network: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "network-off": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    bell: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "bell-off": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "bell-ring": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    email: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "email-open": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "pencil-square": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    grid: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "list-dot": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    copy: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    stack: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    share: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    translate: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    print: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    power: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    trash: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    setting: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "dot-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "dot-horizontal": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "dot-vertical": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    upload: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    download: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "upload-square": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "download-square": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    search: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "zoom-in-old": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "zoom-out-old": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    sparkle: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "adjust-horizontal": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "adjust-vertical": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    play: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "play-pause": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "play-back": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "play-forward": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-triangle-up": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-triangle-down": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-triangle-left": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-triangle-right": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-up-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-down-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-left-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-right-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-up": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-down": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-double-up": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-double-down": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-double-left": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "brace-double-right": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-uturn-up": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-uturn-down": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-uturn-left": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-uturn-right": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-up": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-down": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-left": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-right": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-up-thin": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-down-thin": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-left-thin": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-right-thin": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "convert-horizontal": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "convert-vertical": ({ className }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "arrow-both-vertical": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    fullscreen: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "fullscreen-exit": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    undo: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    redo: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    refresh: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    reset: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "sync-circle": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    "sync-square": ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
-    google: ({ className, fill }: {
-        className?: string;
-        fill?: boolean;
-    }) => react_jsx_runtime.JSX.Element;
+    left: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "left-double": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    right: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "right-double": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "left-chevron": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "right-chevron": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "left-double-chevron": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "right-double-chevron": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    star: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    halfStar: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    avatar: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    dashboard: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    user: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    book: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    file: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    list: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    computer: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    bubble: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    megaphone: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    filter: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    menu: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    home: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "home-outline": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    exclamation: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    close: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    plus: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    minus: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    pencil: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    cancel: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    circle: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    down: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    organic: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    inorganic: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "gray-scale": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "gray-scale-outline": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "gray-scale-inversion": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "gray-scale-bright": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    color: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "color-outline": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "color-inversion": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "color-bright": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "zoom-in": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "zoom-out": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "top-view": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "side-view": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    camera: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "open-box": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "open-item": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    lock: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    unlock: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    chat: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "chat-outline": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    calendar: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-left": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-right": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    check: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    eye: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "eye-off": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    bag: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    text: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    question: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    photo: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    tag: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "check-page": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    rectangle: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    polygon: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "new-window": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "plus-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "minus-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "close-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "check-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "info-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "question-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "exclamation-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "exclamation-triangle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    loading: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "user-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "user-plus": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "user-minus": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "camera-old": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "monitor-jaw": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "monitor-neck": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    sun: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    moon: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    clock: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    redClock: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    chart: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "chart-square": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "chart-table-bar": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "chart-table-line": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    heart: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    ticket: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    clip: ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    link: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    unlink: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    label: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    bookmark: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "bookmark-off": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    video: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "video-off": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    sound: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "sound-off": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    network: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "network-off": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    bell: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "bell-off": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "bell-ring": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    email: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "email-open": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "pencil-square": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    grid: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "list-dot": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    copy: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    stack: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    share: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    translate: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    print: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    power: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    trash: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    setting: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "dot-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "dot-horizontal": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "dot-vertical": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    upload: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    download: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "upload-square": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "download-square": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    search: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "zoom-in-old": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "zoom-out-old": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    sparkle: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "adjust-horizontal": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "adjust-vertical": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    play: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "play-pause": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "play-back": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "play-forward": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-triangle-up": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-triangle-down": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-triangle-left": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-triangle-right": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-up-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-down-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-left-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-right-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-up": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-down": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-double-up": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-double-down": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-double-left": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "brace-double-right": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-uturn-up": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-uturn-down": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-uturn-left": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-uturn-right": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-up": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-down": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-left": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-right": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-up-thin": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-down-thin": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-left-thin": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-right-thin": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "convert-horizontal": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "convert-vertical": ({ className }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "arrow-both-vertical": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    fullscreen: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "fullscreen-exit": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    undo: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    redo: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    refresh: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    reset: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "sync-circle": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    "sync-square": ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
+    google: ({ className, fill }: IconProps$1) => react_jsx_runtime.JSX.Element;
 };
 type IconName = keyof typeof template;
 type IconSize = Size | 20 | 30 | 40;
-type IconProps = {
+interface IconProps {
     name: IconName;
     size?: IconSize;
     fill?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLDivElement>;
-};
-declare const Icon: ({ name, size, fill, className, onClick, ...props }: IconProps) => react_jsx_runtime.JSX.Element;
+}
+declare function Icon({ name, size, fill, className, onClick, ...props }: IconProps): react_jsx_runtime.JSX.Element;
 
 export { type IconName, type IconProps, type IconSize, Icon as default, iconTemplate };