@yourdash/uikit 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -0,0 +1,1187 @@
+import { Context } from 'react';
+import { default as default_2 } from 'react';
+import { FC } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+
+export declare function clippy(...input: (string | undefined | null | boolean)[]): string;
+
+declare function generateUUID(): `${string}-${string}-${string}-${string}-${string}`;
+
+export declare const HasBeenShown: FC<{
+    className?: string;
+    onSeen: () => void;
+}>;
+
+declare function isMobileDevice(): boolean;
+
+export declare interface IToast {
+    type: "success" | "error" | "warning" | "info" | "debug";
+    content: {
+        title: string;
+        body: string;
+        actions?: IToastAction[];
+    };
+    persist?: boolean;
+}
+
+export declare interface IToastAction {
+    label: string;
+    icon?: UKIconType;
+    onClick: () => void;
+}
+
+export declare const OnInView: FC<{
+    className?: string;
+    onEnterView?: (direction: "up" | "down" | "left" | "right") => void;
+    onLeaveView?: (direction: "up" | "down" | "left" | "right") => void;
+}>;
+
+declare function remToPx(rem: number): number;
+
+export declare const UIKitRoot: default_2.FC<{
+    children: default_2.ReactNode | default_2.ReactNode[];
+}>;
+
+export declare const UKBox: FC<{
+    className?: string;
+    level?: 0 | 1 | 2 | 3;
+    children: ReactNode | ReactNode[];
+    style?: default_2.CSSProperties;
+}>;
+
+export declare const UKButton: FC<{
+    onClick: () => void;
+    text: string;
+    className?: string;
+    disabled?: boolean;
+}>;
+
+export declare const UKButtonCombo: default_2.FC<{
+    children: default_2.ReactNode[];
+    className?: string;
+}>;
+
+export declare const UKButtonLink: FC<{
+    text: string;
+    to: string;
+    className?: string;
+}>;
+
+export declare const UKButtonWithIcon: FC<{
+    icon: UKIconType;
+    onClick: () => void;
+    text: string;
+    className?: string;
+    disabled?: boolean;
+}>;
+
+export declare const UKCard: FC<{
+    level?: 0 | 1 | 2 | 3;
+    containerClassName?: string;
+    onClick?: () => void;
+    className?: string;
+    actionsClassName?: string;
+    headerClassName?: string;
+    children: default_2.ReactNode | default_2.ReactNode[];
+    actions?: default_2.ReactNode | default_2.ReactNode[];
+    header?: default_2.ReactNode | default_2.ReactNode[];
+    style?: default_2.CSSProperties;
+}>;
+
+export declare const UKCarousel: default_2.FC<{
+    items: {
+        element: default_2.ReactElement;
+        id: string;
+    }[];
+    loopAround?: boolean;
+    className?: string;
+    height?: string;
+}>;
+
+export declare const UKContainer: FC<{
+    className?: string;
+    level?: 0 | 1 | 2 | 3;
+    children: ReactNode | ReactNode[];
+    disableRounding?: boolean;
+    style?: default_2.CSSProperties;
+}>;
+
+export declare const UKContextMenu: FC<{
+    items: {
+        label: string;
+        onClick: () => void;
+    }[];
+    children: default_2.ReactNode | default_2.ReactNode[];
+    className?: string;
+}>;
+
+export declare const UKDecrementLevel: FC<{
+    children: React.ReactNode | React.ReactNode[];
+}>;
+
+export declare const UKDialog: default_2.FC<{
+    children: default_2.ReactNode | default_2.ReactNode[];
+    className?: string;
+    actionsClassName?: string;
+    headerClassName?: string;
+    actions?: default_2.ReactNode | default_2.ReactNode[];
+    header?: default_2.ReactNode | default_2.ReactNode[];
+}>;
+
+export declare const UKFlex: FC<{
+    direction: "row" | "column";
+    className?: string;
+    children: ReactNode | ReactNode[];
+    style?: default_2.CSSProperties;
+    centerHorizontally?: boolean;
+    centerVertically?: boolean;
+    padding?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}>;
+
+export declare const UKHeading: FC<{
+    text: string;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    className?: string;
+    style?: default_2.CSSProperties;
+}>;
+
+export declare const UKIcon: FC<{
+    icon: UKIconType;
+    size?: string;
+    color?: string;
+    preserveColor?: boolean;
+    className?: string;
+}>;
+
+export declare const UKIconButton: FC<{
+    icon: (typeof UKIcons)[keyof typeof UKIcons];
+    accessibleLabel: string;
+    onClick: () => void;
+    style?: default_2.CSSProperties;
+    className?: string;
+    preserveColor?: boolean;
+}>;
+
+export declare const UKIcons: {
+    Accessibility: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    AccessibilityInset: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Alert: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    AppLauncher: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Apps: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Archive: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowBoth: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowDown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowLeft: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowRight: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowSwitch: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ArrowUp: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Beaker: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Bell: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    BellFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    BellSlash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Blocked: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Bold: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Book: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Bookmark: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    BookmarkSlash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Briefcase: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Broadcast: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Browser: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Bug: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Cache: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Calendar: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Check: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CheckCircle: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CheckCircleFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Checkbox: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Checklist: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ChevronDown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ChevronLeft: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ChevronRight: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ChevronUp: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Circle: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CircleSlash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Clock: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Cloud: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CloudOffline: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Code: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeOfConduct: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeReview: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeSquare: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeScan: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeScanCheckmark: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CodeSpaces: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Columns: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CommandPalette: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Comment: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CommentDiscussion: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Container: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Copilot: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Copilot48: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Copilot96: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CopilotError: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CopilotWarning: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Copy: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Cpu: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CreditCard: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    CrossReference: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Dash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Database: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Dependabot: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DesktopDownload: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DeviceCamera: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DeviceCameraVideo: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DeviceDesktop: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DeviceMobile: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Diamond: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Diff: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DiffAdded: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DiffIgnored: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DiffModified: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DiffRemoved: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DiffRenamed: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Dot: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    DotFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Download: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Duplicate: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Ellipsis: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Eye: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    EyeClosed: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Ewsgit: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedDiscussion: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedForked: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedHeart: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedMerged: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedPerson: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedRepo: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedRocket: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedStar: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedTag: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FeedTrophy: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    File: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileAdded: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileBadge: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileBinary: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileCode: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileDiff: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileDirectory: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileDirectoryFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileDirectoryOpenFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileMoved: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileRemoved: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileSubmodule: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileSymlinkFile: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FileZip: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Filter: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Flame: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Fold: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FoldDown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    FoldUp: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Gear: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Gift: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitBranch: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitCommit: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitCompare: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitMerge: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitMergeQueue: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitPullRequest: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitPullRequestClosed: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    GitPullRequestDraft: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Globe: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Grabber: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Graph: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Hash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Heading: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Heart: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    HeartFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    History: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Home: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    HorizontalRule: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Hourglass: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Hubot: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    IdBadge: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Image: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Inbox: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    InfinitySymbol: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Info: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    IssueClosed: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    IssueDraft: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    IssueOpened: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    IssueReopened: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Italic: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Iterations: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    KebabHorizontal: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Key: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    KeyAsterisk: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Law: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    LightBulb: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Link: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    LinkExternal: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ListOrdered: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ListUnordered: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Location: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Lock: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Log: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Login: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    LogoGist: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    LogoGithub: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Logout: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Mail: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    MarkGithub: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Markdown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Megaphone: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Mention: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Meter: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Milestone: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Mirror: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Moon: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    MortarBoard: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    MultiSelect: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Mute: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    NoEntry: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    NorthStar: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Note: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Number: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Organization: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Package: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PackageDependencies: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PackageDependents: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Paintbrush: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PaperAirplane: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Paperclip: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Paste: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Pencil: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    People: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Person: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PersonAdd: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PersonFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Pin: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Play: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Plug: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Plus: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    PlusCircle: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Project: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Pulse: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Question: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Quote: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Reply: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Repo: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoClone: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoDeleted: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoForked: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoLocked: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoPull: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoPush: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    RepoTemplate: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Report: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Rocket: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Rows: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Rss: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Ruby: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ScreenFull: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ScreenNormal: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Search: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Server: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ServerError: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Share: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ShareAndroid: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Shield: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ShieldCheck: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ShieldLock: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ShieldSlash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ShieldX: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SidebarCollapse: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SidebarExpand: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SignIn: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SignOut: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SingleSelect: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Skip: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Sliders: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Smiley: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SortAsc: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SortDesc: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Square: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    SquareFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Squirrel: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Stack: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Star: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    StarFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Stop: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Stopwatch: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Store: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Strikethrough: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Sun: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Sync: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TabExternal: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Table: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Tag: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TaskList: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Telescope: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TelescopeFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Terminal: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ThreeBars: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ThumbsDown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    ThumbsUp: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Tools: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Trash: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TriangleDown: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TriangleLeft: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TriangleRight: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    TriangleUp: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Trophy: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Typography: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Unfold: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Unlock: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Unmute: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Unverified: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Upload: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Verified: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Versions: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Video: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Webhook: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Workflow: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    X: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    XCircle: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    XCircleFill: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    YourDashLogo: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+    Zap: () => Promise<{
+        default: `${string}.svg`;
+    }>;
+};
+
+export declare type UKIconType = (typeof UKIcons)[keyof typeof UKIcons] | string;
+
+export declare const UKImage: FC<{
+    src: string;
+    accessibleLabel: string;
+    containerClassName?: string;
+    className?: string;
+    disableLazyLoading?: boolean;
+    noRounding?: boolean;
+    width?: number;
+    height?: number;
+    style?: default_2.CSSProperties;
+    onClick?: () => void;
+}>;
+
+export declare const UKIncrementLevel: FC<{
+    children: React.ReactNode | React.ReactNode[];
+}>;
+
+export declare const UKInfiniteScroll: default_2.FC<{
+    children: default_2.ReactNode | default_2.ReactNode[];
+    fetchNextPage: (nextPageNumber: number) => Promise<{
+        hasAnotherPage?: boolean;
+    }>;
+    containerClassName?: string;
+    className?: string;
+    resetState?: string;
+}>;
+
+export declare const UKLink: FC<{
+    text: string;
+    to: string;
+    className?: string;
+    hideLinkIcon?: boolean;
+}>;
+
+export declare const UKNavBar: default_2.FC<{
+    leftSection?: default_2.ReactElement | default_2.ReactElement[];
+    centerSection?: default_2.ReactElement | default_2.ReactElement[];
+    rightSection?: default_2.ReactElement | default_2.ReactElement[];
+    className?: string;
+}>;
+
+export declare const UKNavBarImage: default_2.FC<{
+    src: string;
+}>;
+
+export declare const UKNavBarTitle: default_2.FC<{
+    title: string;
+}>;
+
+export declare const UKOnBoarding: React_2.FC<{
+    applicationId: string;
+    pages: {
+        headerImage: string;
+        header: string;
+        body: string;
+        actions: {
+            label: string;
+            icon?: UKIconType;
+            onClick?: () => void;
+            changeTo?: "next" | "previous" | "remain" | "completed";
+        }[];
+        allowGoBack?: boolean;
+    }[];
+}>;
+
+export declare const UKPageHeader: default_2.FC<{
+    backgroundImage?: string;
+    heading: string;
+}>;
+
+export declare const UKPanAndZoom: FC<{
+    children: default_2.ReactNode;
+    minZoom?: number;
+    maxZoom?: number;
+    onScaleChange?: (scale: number) => void;
+}>;
+
+export declare const UKProgressBar: FC<{
+    maxValue?: number;
+    value: number;
+    className?: string;
+    indeterminate?: boolean;
+}>;
+
+export declare const UKRedirect: FC<{
+    to: string | null;
+}>;
+
+export declare const UKSeparator: FC<{
+    direction: "column" | "row";
+    disableMargin?: boolean;
+}>;
+
+export declare const UKSidebar: FC<{
+    children: React.ReactNode | React.ReactNode[];
+}>;
+
+export declare const UKSidebarContainer: FC<{
+    children: default_2.ReactNode | default_2.ReactNode[];
+    showSidebarByDefault?: boolean;
+    className?: string;
+}>;
+
+export declare const UKSidebarContext: Context<    {
+openSidebar: () => void;
+closeSidebar: () => void;
+toggleSidebar: () => void;
+isOpen: boolean;
+}>;
+
+export declare const UKSidebarToggleButton: FC<{
+    className?: string;
+    style?: default_2.CSSProperties;
+}>;
+
+export declare const UKSpinner: FC<{
+    style?: any;
+}>;
+
+export declare const UKSubText: FC<{
+    text: string;
+    className?: string;
+}>;
+
+export declare const UKTag: FC<{
+    text: string;
+    color: string;
+    className?: string;
+}>;
+
+export declare const UKText: FC<{
+    text: string;
+    className?: string;
+}>;
+
+export declare const UKTextButton: FC<{
+    onClick: () => void;
+    text: string;
+    className?: string;
+}>;
+
+export declare const UKTextInput: default_2.FC<{
+    getValue?: default_2.Dispatch<default_2.SetStateAction<string>>;
+    getLiveValue?: default_2.Dispatch<default_2.SetStateAction<string>>;
+    onSubmit?: (value: string) => void;
+    placeholder: string;
+    icon?: UKIconType;
+    defaultValue?: string;
+    value?: string;
+    accessibleName: string;
+    className?: string;
+    type?: string;
+    autoComplete?: string;
+}>;
+
+export declare function useToasts(): {
+    create(data: IToast): void;
+};
+
+export declare namespace utils {
+    export {
+        generateUUID,
+        isMobileDevice as isPhone,
+        remToPx,
+        clippy
+    }
+}
+
+export { }