@dynamic-labs/iconic 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dynamic Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/src/IconComponent.d.ts

@@ -0,0 +1,142 @@
+/// <reference types="react" />
+type Resolutions = readonly string[];
+type UnionOfResolutions<T extends Resolutions> = T extends T ? T[number] : never;
+type Formats<T extends Resolutions> = {
+    [key in UnionOfResolutions<T>]: {
+        height: number;
+        width: number;
+    };
+};
+export declare const IconComponentKlass: (props: {
+    categoryName: string;
+}) => <T extends Resolutions>(classProps: {
+    resolutions: T;
+    alt: string;
+    iconName: string;
+}) => {
+    new (props: {
+        className?: string;
+        size: UnionOfResolutions<T>;
+    } | Readonly<{
+        className?: string;
+        size: UnionOfResolutions<T>;
+    }>): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: Formats<T>;
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {
+        className?: string;
+        size: UnionOfResolutions<T>;
+    }, context: any): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: Formats<T>;
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: UnionOfResolutions<T>;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any>;
+};
+export {};

package/dist/src/IconComponent.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconComponentKlass = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CDN_BASE_URL = 'https://iconic.dynamic-static-assets.com';
+class IconComponent extends react_1.Component {
+    get formats() {
+        const formats = Object.create({});
+        this.resolutions.forEach((resolution) => {
+            const [width, height] = resolution.split('x').map((x) => parseInt(x));
+            formats[resolution] = { height, width };
+        });
+        return formats;
+    }
+    get sourcePath() {
+        return `icons/${this.categoryName}/${this.iconName}`;
+    }
+    get baseUrl() {
+        return `${CDN_BASE_URL}/${this.sourcePath}/${this.iconName}_${this.props.size}`;
+    }
+    render() {
+        var _a, _b;
+        const props = Object.assign(Object.assign({ alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '' }, this.props), { iconName: this.iconName, height: this.formats[this.props.size].height, width: this.formats[this.props.size].height, size: this.props.size });
+        return ((0, jsx_runtime_1.jsxs)("picture", Object.assign({ "data-testid": `${this.iconName}-icon` }, { children: [(0, jsx_runtime_1.jsx)("source", { type: "image/webp", srcSet: `${this.baseUrl}.webp` }), (0, jsx_runtime_1.jsx)("img", { src: `${this.baseUrl}.png`, alt: (_b = props.alt) !== null && _b !== void 0 ? _b : '', width: props.width, height: props.height, className: props.className })] })));
+    }
+}
+const IconComponentKlass = (props) => {
+    return (classProps) => {
+        return class extends IconComponent {
+            constructor() {
+                super(...arguments);
+                this.iconName = classProps.iconName;
+                this.alt = classProps.alt;
+                this.categoryName = props.categoryName;
+                this.resolutions = classProps.resolutions;
+            }
+        };
+    };
+};
+exports.IconComponentKlass = IconComponentKlass;

package/dist/src/icons/browsers/BrowserIconComponent.d.ts

@@ -0,0 +1,137 @@
+/// <reference types="react" />
+export declare const BrowserIconComponent: <T extends readonly string[]>(classProps: {
+    resolutions: T;
+    alt: string;
+    iconName: string;
+}) => {
+    new (props: {
+        className?: string;
+        size: T extends T ? T[number] : never;
+    } | Readonly<{
+        className?: string;
+        size: T extends T ? T[number] : never;
+    }>): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: { [key in T extends T ? T[number] : never]: {
+            height: number;
+            width: number;
+        }; };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {
+        className?: string;
+        size: T extends T ? T[number] : never;
+    }, context: any): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: { [key in T extends T ? T[number] : never]: {
+            height: number;
+            width: number;
+        }; };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any>;
+};

package/dist/src/icons/browsers/BrowserIconComponent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserIconComponent = void 0;
+const IconComponent_1 = require("../../IconComponent");
+exports.BrowserIconComponent = (0, IconComponent_1.IconComponentKlass)({
+    categoryName: 'browsers'
+});

package/dist/src/icons/browsers/brave/index.d.ts

@@ -0,0 +1,156 @@
+/// <reference types="react" />
+declare const BraveIcon_base: {
+    new (props: {
+        className?: string;
+        size: "24x24" | "32x32" | "16x16";
+    } | Readonly<{
+        className?: string;
+        size: "24x24" | "32x32" | "16x16";
+    }>): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: readonly ["24x24", "32x32", "16x16"];
+        readonly formats: {
+            "24x24": {
+                height: number;
+                width: number;
+            };
+            "32x32": {
+                height: number;
+                width: number;
+            };
+            "16x16": {
+                height: number;
+                width: number;
+            };
+        };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {
+        className?: string;
+        size: "24x24" | "32x32" | "16x16";
+    }, context: any): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: readonly ["24x24", "32x32", "16x16"];
+        readonly formats: {
+            "24x24": {
+                height: number;
+                width: number;
+            };
+            "32x32": {
+                height: number;
+                width: number;
+            };
+            "16x16": {
+                height: number;
+                width: number;
+            };
+        };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32" | "16x16";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any>;
+};
+export declare class BraveIcon extends BraveIcon_base {
+}
+export default BraveIcon;

package/dist/src/icons/browsers/brave/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BraveIcon = void 0;
+const BrowserIconComponent_1 = require("../BrowserIconComponent");
+class BraveIcon extends (0, BrowserIconComponent_1.BrowserIconComponent)({
+    alt: 'Brave Browser',
+    iconName: 'brave',
+    resolutions: ['24x24', '32x32', '16x16']
+}) {
+}
+exports.BraveIcon = BraveIcon;
+exports.default = BraveIcon;

package/dist/src/icons/browsers/index.d.ts

@@ -0,0 +1 @@
+export * from './brave';

package/dist/src/icons/browsers/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./brave"), exports);

package/dist/src/icons/chains/ChainIconComponent.d.ts

@@ -0,0 +1,137 @@
+/// <reference types="react" />
+export declare const ChainIconComponent: <T extends readonly string[]>(classProps: {
+    resolutions: T;
+    alt: string;
+    iconName: string;
+}) => {
+    new (props: {
+        className?: string;
+        size: T extends T ? T[number] : never;
+    } | Readonly<{
+        className?: string;
+        size: T extends T ? T[number] : never;
+    }>): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: { [key in T extends T ? T[number] : never]: {
+            height: number;
+            width: number;
+        }; };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {
+        className?: string;
+        size: T extends T ? T[number] : never;
+    }, context: any): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: T;
+        readonly formats: { [key in T extends T ? T[number] : never]: {
+            height: number;
+            width: number;
+        }; };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: T extends T ? T[number] : never;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any>;
+};

package/dist/src/icons/chains/ChainIconComponent.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChainIconComponent = void 0;
+const IconComponent_1 = require("../../IconComponent");
+exports.ChainIconComponent = (0, IconComponent_1.IconComponentKlass)({
+    categoryName: 'chains'
+});

package/dist/src/icons/chains/arbitrum/index.d.ts

@@ -0,0 +1,148 @@
+/// <reference types="react" />
+declare const ArbitrumIcon_base: {
+    new (props: {
+        className?: string;
+        size: "24x24" | "32x32";
+    } | Readonly<{
+        className?: string;
+        size: "24x24" | "32x32";
+    }>): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: readonly ["24x24", "32x32"];
+        readonly formats: {
+            "24x24": {
+                height: number;
+                width: number;
+            };
+            "32x32": {
+                height: number;
+                width: number;
+            };
+        };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {
+        className?: string;
+        size: "24x24" | "32x32";
+    }, context: any): {
+        readonly iconName: string;
+        readonly alt: string;
+        readonly categoryName: string;
+        readonly resolutions: readonly ["24x24", "32x32"];
+        readonly formats: {
+            "24x24": {
+                height: number;
+                width: number;
+            };
+            "32x32": {
+                height: number;
+                width: number;
+            };
+        };
+        readonly sourcePath: string;
+        readonly baseUrl: string;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+            className?: string;
+            size: "24x24" | "32x32";
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any>;
+};
+export declare class ArbitrumIcon extends ArbitrumIcon_base {
+}
+export default ArbitrumIcon;

package/dist/src/icons/chains/arbitrum/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArbitrumIcon = void 0;
+const ChainIconComponent_1 = require("../ChainIconComponent");
+class ArbitrumIcon extends (0, ChainIconComponent_1.ChainIconComponent)({
+    alt: 'Arbitrum Browser',
+    iconName: 'arbitrum',
+    resolutions: ['24x24', '32x32']
+}) {
+}
+exports.ArbitrumIcon = ArbitrumIcon;
+exports.default = ArbitrumIcon;

package/dist/src/icons/chains/index.d.ts

@@ -0,0 +1 @@
+export * from './arbitrum';

package/dist/src/icons/chains/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./arbitrum"), exports);

package/dist/src/icons/index.d.ts

@@ -0,0 +1,2 @@
+export * from './browsers';
+export * from './chains';

package/dist/src/icons/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./browsers"), exports);
+__exportStar(require("./chains"), exports);

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export * from './icons';

package/dist/src/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./icons"), exports);

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@dynamic-labs/iconic",
+  "version": "0.0.1",
+  "description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
+  "main": "src/index.js",
+  "scripts": {
+    "build": "rimraf dist build && tsc && ts-node ./scripts/build-icons.ts",
+    "test": "jest",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix",
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dynamic-labs/iconic.git"
+  },
+  "author": "Dynamic Labs, Inc.",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/dynamic-labs/iconic/issues"
+  },
+  "homepage": "https://github.com/dynamic-labs/iconic#readme",
+  "devDependencies": {
+    "@babel/preset-react": "^7.18.6",
+    "@testing-library/react": "^13.4.0",
+    "@types/fs-extra": "^11.0.1",
+    "@types/jest": "^29.4.0",
+    "@types/node": "^18.13.0",
+    "@types/react": "^18.0.27",
+    "@types/sharp": "^0.31.1",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "eslint": "^8.0.1",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-standard-with-typescript": "^34.0.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-n": "^15.0.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-react": "^7.32.2",
+    "fs-extra": "^11.1.0",
+    "jest": "^29.4.2",
+    "jest-environment-jsdom": "^29.4.2",
+    "prettier": "^2.8.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "rimraf": "^4.1.2",
+    "sharp": "^0.31.3",
+    "ts-jest": "^29.0.5",
+    "ts-node": "^10.9.1",
+    "typescript": "*"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2 || ^18.0.0"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json",
+    "./icons/*": "./src/icons/*.js"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
+}