@paro.io/base-icons - npm Package Compare versions

Comparing version 1.0.0-alpha1 to 1.0.0-rc1

build/components/ArrowDown.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconArrowDown extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconArrowDown: ({ className, size }: IconProps) => JSX.Element;

build/components/ArrowLeft.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconArrowLeft extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconArrowLeft: ({ className, size }: IconProps) => JSX.Element;

build/components/ArrowRight.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconArrowRight extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconArrowRight: ({ className, size }: IconProps) => JSX.Element;

build/components/ArrowUp.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconArrowUp extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconArrowUp: ({ className, size }: IconProps) => JSX.Element;

build/components/CheckCircle.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconCheckCircle extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconCheckCircle: ({ className, size }: IconProps) => JSX.Element;

build/components/ExclamationCircle.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconExclamationCircle extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconExclamationCircle: ({ className, size }: IconProps) => JSX.Element;

build/components/InfoCircle.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconInfoCircle extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconInfoCircle: ({ className, size }: IconProps) => JSX.Element;

build/components/Mail.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconMail extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconMail: ({ className, size }: IconProps) => JSX.Element;

build/components/X.d.ts

@@ -1,4 +0,3 @@
-import * as React from "react";
-export declare class IconX extends React.Component {
-    render(): JSX.Element;
-}
+/// <reference types="react" />
+import { IconProps } from "./IconInterface";
+export declare const IconX: ({ className, size }: IconProps) => JSX.Element;

build/index.d.ts

@@ -10,1 +10,48 @@ export { IconMail } from "./components/Mail";
 export { IconCheckCircle } from "./components/CheckCircle";
+export { IconTable } from "./components/Table";
+export { IconChat } from "./components/Chat";
+export { IconAnnotation } from "./components/Annotation";
+export { IconThumbUp } from "./components/ThumbUp";
+export { IconThumbDown } from "./components/ThumbDown";
+export { IconMenu } from "./components/Menu";
+export { IconList } from "./components/List";
+export { IconCheck } from "./components/Check";
+export { IconDotsVertical } from "./components/DotsVertical";
+export { IconDotsHorizontal } from "./components/DotsHorizontal";
+export { IconChartBar } from "./components/ChartBar";
+export { IconArrowsExpand } from "./components/ArrowsExpand";
+export { IconBell } from "./components/Bell";
+export { IconPaperAirplane } from "./components/PaperAirplane";
+export { IconExternalLink } from "./components/ExternalLink";
+export { IconChevronUp } from "./components/ChevronUp";
+export { IconChevronDown } from "./components/ChevronDown";
+export { IconChevronLeft } from "./components/ChevronLeft";
+export { IconChevronRight } from "./components/ChevronRight";
+export { IconPencil } from "./components/Pencil";
+export { IconShoppingCart } from "./components/ShoppingCart";
+export { IconFilter } from "./components/Filter";
+export { IconCalendar } from "./components/Calendar";
+export { IconHome } from "./components/Home";
+export { IconFolderOpen } from "./components/FolderOpen";
+export { IconUser } from "./components/User";
+export { IconUserGroup } from "./components/UserGroup";
+export { IconUsers } from "./components/Users";
+export { IconDocumentText } from "./components/DocumentText";
+export { IconClock } from "./components/Clock";
+export { IconCash } from "./components/Cash";
+export { IconCreditCard } from "./components/CreditCard";
+export { IconDashboard } from "./components/Dashboard";
+export { IconQuestionMarkCircle } from "./components/QuestionMarkCircle";
+export { IconLogin } from "./components/Login";
+export { IconLogout } from "./components/Logout";
+export { IconCog } from "./components/Cog";
+export { IconPlus } from "./components/Plus";
+export { IconMinus } from "./components/Minus";
+export { IconPrinter } from "./components/Printer";
+export { IconRepeat } from "./components/Repeat";
+export { IconDuplicate } from "./components/Duplicate";
+export { IconTrash } from "./components/Trash";
+export { IconDocumentDownload } from "./components/DocumentDownload";
+export { IconViewGrid } from "./components/ViewGrid";
+export { IconUserExclamation } from "./components/UserExclamation";
+export { IconCurrencyDollar } from "./components/CurrencyDollar";

build/index.es.js

 import * as React from 'react';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
+var getIconSize = function (size) {
+    switch (size) {
+        case 'sm':
+            return 'w-4 h-4'; // 16px
+        case 'md':
+            return 'w-6 h-6'; // 24px
+        default:
+            return 'w-6 h-6';
+    }
+};
 
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
+var IconMail = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })));
+};
 
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
+var IconArrowLeft = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 19l-7-7m0 0l7-7m-7 7h18" })));
+};
 
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
+var IconArrowRight = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" })));
 };
 
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
+var IconArrowDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" })));
+};
 
-var IconMail = /** @class */ (function (_super) {
-    __extends(IconMail, _super);
-    function IconMail() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconMail.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })));
-    };
-    return IconMail;
-}(React.Component));
+var IconArrowUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" })));
+};
 
-var IconArrowLeft = /** @class */ (function (_super) {
-    __extends(IconArrowLeft, _super);
-    function IconArrowLeft() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowLeft.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 19l-7-7m0 0l7-7m-7 7h18" })));
-    };
-    return IconArrowLeft;
-}(React.Component));
+var IconX = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })));
+};
 
-var IconArrowRight = /** @class */ (function (_super) {
-    __extends(IconArrowRight, _super);
-    function IconArrowRight() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowRight.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" })));
-    };
-    return IconArrowRight;
-}(React.Component));
+var IconInfoCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconArrowDown = /** @class */ (function (_super) {
-    __extends(IconArrowDown, _super);
-    function IconArrowDown() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowDown.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" })));
-    };
-    return IconArrowDown;
-}(React.Component));
+var IconExclamationCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconArrowUp = /** @class */ (function (_super) {
-    __extends(IconArrowUp, _super);
-    function IconArrowUp() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowUp.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" })));
-    };
-    return IconArrowUp;
-}(React.Component));
+var IconCheckCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconX = /** @class */ (function (_super) {
-    __extends(IconX, _super);
-    function IconX() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconX.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })));
-    };
-    return IconX;
-}(React.Component));
+var IconTable = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" })));
+};
 
-var IconInfoCircle = /** @class */ (function (_super) {
-    __extends(IconInfoCircle, _super);
-    function IconInfoCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconInfoCircle.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconInfoCircle;
-}(React.Component));
+var IconChat = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" })));
+};
 
-var IconExclamationCircle = /** @class */ (function (_super) {
-    __extends(IconExclamationCircle, _super);
-    function IconExclamationCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconExclamationCircle.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconExclamationCircle;
-}(React.Component));
+var IconAnnotation = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" })));
+};
 
-var IconCheckCircle = /** @class */ (function (_super) {
-    __extends(IconCheckCircle, _super);
-    function IconCheckCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconCheckCircle.prototype.render = function () {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconCheckCircle;
-}(React.Component));
+var IconThumbUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" })));
+};
 
-export { IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCheckCircle, IconExclamationCircle, IconInfoCircle, IconMail, IconX };
+var IconThumbDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" })));
+};
+
+var IconMenu = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })));
+};
+
+var IconList = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" })));
+};
+
+var IconCheck = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })));
+};
+
+var IconDotsVertical = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" })));
+};
+
+var IconDotsHorizontal = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z" })));
+};
+
+var IconChartBar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" })));
+};
+
+var IconArrowsExpand = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" })));
+};
+
+var IconBell = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })));
+};
+
+var IconPaperAirplane = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 19l9 2-9-18-9 18 9-2zm0 0v-8" })));
+};
+
+var IconExternalLink = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" })));
+};
+
+var IconChevronUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" })));
+};
+
+var IconChevronDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })));
+};
+
+var IconChevronLeft = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })));
+};
+
+var IconChevronRight = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })));
+};
+
+var IconPencil = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" })));
+};
+
+var IconShoppingCart = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconFilter = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" })));
+};
+
+var IconCalendar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })));
+};
+
+var IconHome = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })));
+};
+
+var IconFolderOpen = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" })));
+};
+
+var IconUser = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })));
+};
+
+var IconUserGroup = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconUsers = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" })));
+};
+
+var IconDocumentText = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })));
+};
+
+var IconClock = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+var IconCash = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconCreditCard = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })));
+};
+
+var IconDashboard = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fill: "none", "fill-rule": "evenodd" },
+            React.createElement("path", { d: "M21.116 14.317C21.116 9.179 17.053 5 12.058 5S3 9.18 3 14.317A9.51 9.51 0 004.228 19l15.667-.025a9.416 9.416 0 001.221-4.658z", stroke: "#1B1C22", "stroke-width": "2" }),
+            React.createElement("circle", { fill: "#1B1C22", cx: "12", cy: "8", r: "1" }),
+            React.createElement("circle", { fill: "#1B1C22", cx: "8", cy: "11", r: "1" }),
+            React.createElement("circle", { stroke: "#1B1C22", "stroke-width": "2", cx: "12.5", cy: "14.5", r: "1.5" }),
+            React.createElement("circle", { fill: "#1B1C22", cx: "17", cy: "11", r: "1" }),
+            React.createElement("path", { stroke: "#1B1C22", "stroke-width": "2", "stroke-linecap": "round", d: "M6.5 14.5h4" }))));
+};
+
+var IconQuestionMarkCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+var IconLogin = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" })));
+};
+
+var IconLogout = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" })));
+};
+
+var IconCog = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })));
+};
+
+var IconPlus = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })));
+};
+
+var IconMinus = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" })));
+};
+
+var IconPrinter = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" })));
+};
+
+var IconRepeat = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("defs", null,
+            React.createElement("path", { id: "a", d: "M3.5 12a1 1 0 0 1 1 1v2.471c0 .843.713 1.529 1.59 1.529h11.996l-1.293-1.293a.999.999 0 1 1 1.414-1.414l3 3a.999.999 0 0 1 0 1.414l-3 3a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L18.086 19H6.09c-1.98 0-3.59-1.583-3.59-3.529V13a1 1 0 0 1 1-1zm2.293-9.707a.999.999 0 1 1 1.414 1.414L5.914 5H17.91c1.98 0 3.59 1.583 3.59 3.529V11a1 1 0 1 1-2 0V8.529C19.5 7.687 18.787 7 17.91 7H5.914l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a.999.999 0 0 1 0-1.414z" })),
+        React.createElement("use", { fill: "#1C1F2B", "fill-rule": "evenodd", transform: "translate(-2 -2)", xlinkHref: "#a" })));
+};
+
+var IconDuplicate = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })));
+};
+
+var IconTrash = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })));
+};
+
+var IconDocumentDownload = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })));
+};
+
+var IconViewGrid = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" })));
+};
+
+var IconUserExclamation = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" },
+        React.createElement("defs", null,
+            React.createElement("filter", { id: "user-issue-a", "color-interpolation-filters": "auto" },
+                React.createElement("feColorMatrix", { in: "SourceGraphic", values: "0 0 0 0 0.109804 0 0 0 0 0.121569 0 0 0 0 0.168627 0 0 0 1.000000 0" })),
+            React.createElement("filter", { id: "user-issue-b", "color-interpolation-filters": "auto" },
+                React.createElement("feColorMatrix", { in: "SourceGraphic", values: "0 0 0 0 0.109804 0 0 0 0 0.121569 0 0 0 0 0.168627 0 0 0 1.000000 0" }))),
+        React.createElement("g", { fill: "none", "fill-rule": "evenodd" },
+            React.createElement("g", { "stroke-linecap": "round", "stroke-linejoin": "round", filter: "url(#user-issue-a)" },
+                React.createElement("path", { stroke: "#4A5568", "stroke-width": "2", d: "M11 4C11 6.20914 9.2091 8 7 8 4.79086 8 3 6.20914 3 4 3 1.79086 4.79086 0 7 0 9.2091 0 11 1.79086 11 4zM7 11C3.13401 11 0 14.134 0 18L14 18C14 14.134 10.866 11 7 11z", transform: "translate(3 3)" })),
+            React.createElement("g", { filter: "url(#user-issue-b)" },
+                React.createElement("g", { transform: "translate(20 3)" },
+                    React.createElement("line", { x1: "1", x2: "1", y2: "4", stroke: "#4A5568", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }),
+                    React.createElement("circle", { cx: "1", cy: "8", r: "1", fill: "#D8D8D8", stroke: "#979797" }))))));
+};
+
+var IconCurrencyDollar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+export { IconAnnotation, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowsExpand, IconBell, IconCalendar, IconCash, IconChartBar, IconChat, IconCheck, IconCheckCircle, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconCog, IconCreditCard, IconCurrencyDollar, IconDashboard, IconDocumentDownload, IconDocumentText, IconDotsHorizontal, IconDotsVertical, IconDuplicate, IconExclamationCircle, IconExternalLink, IconFilter, IconFolderOpen, IconHome, IconInfoCircle, IconList, IconLogin, IconLogout, IconMail, IconMenu, IconMinus, IconPaperAirplane, IconPencil, IconPlus, IconPrinter, IconQuestionMarkCircle, IconRepeat, IconShoppingCart, IconTable, IconThumbDown, IconThumbUp, IconTrash, IconUser, IconUserExclamation, IconUserGroup, IconUsers, IconViewGrid, IconX };
 //# sourceMappingURL=index.es.js.map

build/index.js

@@ -8,19 +8,19 @@ 'use strict';
 function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () {
-                        return e[k];
-                    }
-                });
-            }
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
         });
-    }
-    n['default'] = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
 }
@@ -30,141 +30,426 @@
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
+var getIconSize = function (size) {
+    switch (size) {
+        case 'sm':
+            return 'w-4 h-4'; // 16px
+        case 'md':
+            return 'w-6 h-6'; // 24px
+        default:
+            return 'w-6 h-6';
+    }
+};
 
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
+var IconMail = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })));
+};
 
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
+var IconArrowLeft = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 19l-7-7m0 0l7-7m-7 7h18" })));
+};
 
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
+var IconArrowRight = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" })));
 };
 
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
+var IconArrowDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" })));
+};
 
-var IconMail = /** @class */ (function (_super) {
-    __extends(IconMail, _super);
-    function IconMail() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconMail.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })));
-    };
-    return IconMail;
-}(React__namespace.Component));
+var IconArrowUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" })));
+};
 
-var IconArrowLeft = /** @class */ (function (_super) {
-    __extends(IconArrowLeft, _super);
-    function IconArrowLeft() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowLeft.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 19l-7-7m0 0l7-7m-7 7h18" })));
-    };
-    return IconArrowLeft;
-}(React__namespace.Component));
+var IconX = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })));
+};
 
-var IconArrowRight = /** @class */ (function (_super) {
-    __extends(IconArrowRight, _super);
-    function IconArrowRight() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowRight.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" })));
-    };
-    return IconArrowRight;
-}(React__namespace.Component));
+var IconInfoCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconArrowDown = /** @class */ (function (_super) {
-    __extends(IconArrowDown, _super);
-    function IconArrowDown() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowDown.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 14l-7 7m0 0l-7-7m7 7V3" })));
-    };
-    return IconArrowDown;
-}(React__namespace.Component));
+var IconExclamationCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconArrowUp = /** @class */ (function (_super) {
-    __extends(IconArrowUp, _super);
-    function IconArrowUp() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconArrowUp.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" })));
-    };
-    return IconArrowUp;
-}(React__namespace.Component));
+var IconCheckCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
 
-var IconX = /** @class */ (function (_super) {
-    __extends(IconX, _super);
-    function IconX() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconX.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })));
-    };
-    return IconX;
-}(React__namespace.Component));
+var IconTable = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" })));
+};
 
-var IconInfoCircle = /** @class */ (function (_super) {
-    __extends(IconInfoCircle, _super);
-    function IconInfoCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconInfoCircle.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconInfoCircle;
-}(React__namespace.Component));
+var IconChat = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" })));
+};
 
-var IconExclamationCircle = /** @class */ (function (_super) {
-    __extends(IconExclamationCircle, _super);
-    function IconExclamationCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconExclamationCircle.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconExclamationCircle;
-}(React__namespace.Component));
+var IconAnnotation = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" })));
+};
 
-var IconCheckCircle = /** @class */ (function (_super) {
-    __extends(IconCheckCircle, _super);
-    function IconCheckCircle() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    IconCheckCircle.prototype.render = function () {
-        return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-            React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })));
-    };
-    return IconCheckCircle;
-}(React__namespace.Component));
+var IconThumbUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" })));
+};
 
+var IconThumbDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" })));
+};
+
+var IconMenu = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })));
+};
+
+var IconList = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" })));
+};
+
+var IconCheck = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })));
+};
+
+var IconDotsVertical = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" })));
+};
+
+var IconDotsHorizontal = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z" })));
+};
+
+var IconChartBar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" })));
+};
+
+var IconArrowsExpand = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" })));
+};
+
+var IconBell = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })));
+};
+
+var IconPaperAirplane = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 19l9 2-9-18-9 18 9-2zm0 0v-8" })));
+};
+
+var IconExternalLink = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" })));
+};
+
+var IconChevronUp = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" })));
+};
+
+var IconChevronDown = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })));
+};
+
+var IconChevronLeft = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })));
+};
+
+var IconChevronRight = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })));
+};
+
+var IconPencil = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" })));
+};
+
+var IconShoppingCart = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconFilter = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" })));
+};
+
+var IconCalendar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })));
+};
+
+var IconHome = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })));
+};
+
+var IconFolderOpen = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" })));
+};
+
+var IconUser = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })));
+};
+
+var IconUserGroup = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconUsers = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" })));
+};
+
+var IconDocumentText = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })));
+};
+
+var IconClock = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+var IconCash = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" })));
+};
+
+var IconCreditCard = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })));
+};
+
+var IconDashboard = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg" },
+        React__namespace.createElement("g", { fill: "none", "fill-rule": "evenodd" },
+            React__namespace.createElement("path", { d: "M21.116 14.317C21.116 9.179 17.053 5 12.058 5S3 9.18 3 14.317A9.51 9.51 0 004.228 19l15.667-.025a9.416 9.416 0 001.221-4.658z", stroke: "#1B1C22", "stroke-width": "2" }),
+            React__namespace.createElement("circle", { fill: "#1B1C22", cx: "12", cy: "8", r: "1" }),
+            React__namespace.createElement("circle", { fill: "#1B1C22", cx: "8", cy: "11", r: "1" }),
+            React__namespace.createElement("circle", { stroke: "#1B1C22", "stroke-width": "2", cx: "12.5", cy: "14.5", r: "1.5" }),
+            React__namespace.createElement("circle", { fill: "#1B1C22", cx: "17", cy: "11", r: "1" }),
+            React__namespace.createElement("path", { stroke: "#1B1C22", "stroke-width": "2", "stroke-linecap": "round", d: "M6.5 14.5h4" }))));
+};
+
+var IconQuestionMarkCircle = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+var IconLogin = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1" })));
+};
+
+var IconLogout = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" })));
+};
+
+var IconCog = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })));
+};
+
+var IconPlus = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })));
+};
+
+var IconMinus = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20 12H4" })));
+};
+
+var IconPrinter = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" })));
+};
+
+var IconRepeat = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React__namespace.createElement("defs", null,
+            React__namespace.createElement("path", { id: "a", d: "M3.5 12a1 1 0 0 1 1 1v2.471c0 .843.713 1.529 1.59 1.529h11.996l-1.293-1.293a.999.999 0 1 1 1.414-1.414l3 3a.999.999 0 0 1 0 1.414l-3 3a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L18.086 19H6.09c-1.98 0-3.59-1.583-3.59-3.529V13a1 1 0 0 1 1-1zm2.293-9.707a.999.999 0 1 1 1.414 1.414L5.914 5H17.91c1.98 0 3.59 1.583 3.59 3.529V11a1 1 0 1 1-2 0V8.529C19.5 7.687 18.787 7 17.91 7H5.914l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a.999.999 0 0 1 0-1.414z" })),
+        React__namespace.createElement("use", { fill: "#1C1F2B", "fill-rule": "evenodd", transform: "translate(-2 -2)", xlinkHref: "#a" })));
+};
+
+var IconDuplicate = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })));
+};
+
+var IconTrash = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })));
+};
+
+var IconDocumentDownload = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" })));
+};
+
+var IconViewGrid = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" })));
+};
+
+var IconUserExclamation = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { className: className + " " + sizeOption, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" },
+        React__namespace.createElement("defs", null,
+            React__namespace.createElement("filter", { id: "user-issue-a", "color-interpolation-filters": "auto" },
+                React__namespace.createElement("feColorMatrix", { in: "SourceGraphic", values: "0 0 0 0 0.109804 0 0 0 0 0.121569 0 0 0 0 0.168627 0 0 0 1.000000 0" })),
+            React__namespace.createElement("filter", { id: "user-issue-b", "color-interpolation-filters": "auto" },
+                React__namespace.createElement("feColorMatrix", { in: "SourceGraphic", values: "0 0 0 0 0.109804 0 0 0 0 0.121569 0 0 0 0 0.168627 0 0 0 1.000000 0" }))),
+        React__namespace.createElement("g", { fill: "none", "fill-rule": "evenodd" },
+            React__namespace.createElement("g", { "stroke-linecap": "round", "stroke-linejoin": "round", filter: "url(#user-issue-a)" },
+                React__namespace.createElement("path", { stroke: "#4A5568", "stroke-width": "2", d: "M11 4C11 6.20914 9.2091 8 7 8 4.79086 8 3 6.20914 3 4 3 1.79086 4.79086 0 7 0 9.2091 0 11 1.79086 11 4zM7 11C3.13401 11 0 14.134 0 18L14 18C14 14.134 10.866 11 7 11z", transform: "translate(3 3)" })),
+            React__namespace.createElement("g", { filter: "url(#user-issue-b)" },
+                React__namespace.createElement("g", { transform: "translate(20 3)" },
+                    React__namespace.createElement("line", { x1: "1", x2: "1", y2: "4", stroke: "#4A5568", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }),
+                    React__namespace.createElement("circle", { cx: "1", cy: "8", r: "1", fill: "#D8D8D8", stroke: "#979797" }))))));
+};
+
+var IconCurrencyDollar = function (_a) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b;
+    var sizeOption = getIconSize(size);
+    return (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className + " " + sizeOption, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+        React__namespace.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })));
+};
+
+exports.IconAnnotation = IconAnnotation;
 exports.IconArrowDown = IconArrowDown;
@@ -174,7 +459,53 @@ exports.IconArrowLeft = IconArrowLeft;
 exports.IconArrowUp = IconArrowUp;
+exports.IconArrowsExpand = IconArrowsExpand;
+exports.IconBell = IconBell;
+exports.IconCalendar = IconCalendar;
+exports.IconCash = IconCash;
+exports.IconChartBar = IconChartBar;
+exports.IconChat = IconChat;
+exports.IconCheck = IconCheck;
 exports.IconCheckCircle = IconCheckCircle;
+exports.IconChevronDown = IconChevronDown;
+exports.IconChevronLeft = IconChevronLeft;
+exports.IconChevronRight = IconChevronRight;
+exports.IconChevronUp = IconChevronUp;
+exports.IconClock = IconClock;
+exports.IconCog = IconCog;
+exports.IconCreditCard = IconCreditCard;
+exports.IconCurrencyDollar = IconCurrencyDollar;
+exports.IconDashboard = IconDashboard;
+exports.IconDocumentDownload = IconDocumentDownload;
+exports.IconDocumentText = IconDocumentText;
+exports.IconDotsHorizontal = IconDotsHorizontal;
+exports.IconDotsVertical = IconDotsVertical;
+exports.IconDuplicate = IconDuplicate;
 exports.IconExclamationCircle = IconExclamationCircle;
+exports.IconExternalLink = IconExternalLink;
+exports.IconFilter = IconFilter;
+exports.IconFolderOpen = IconFolderOpen;
+exports.IconHome = IconHome;
 exports.IconInfoCircle = IconInfoCircle;
+exports.IconList = IconList;
+exports.IconLogin = IconLogin;
+exports.IconLogout = IconLogout;
 exports.IconMail = IconMail;
+exports.IconMenu = IconMenu;
+exports.IconMinus = IconMinus;
+exports.IconPaperAirplane = IconPaperAirplane;
+exports.IconPencil = IconPencil;
+exports.IconPlus = IconPlus;
+exports.IconPrinter = IconPrinter;
+exports.IconQuestionMarkCircle = IconQuestionMarkCircle;
+exports.IconRepeat = IconRepeat;
+exports.IconShoppingCart = IconShoppingCart;
+exports.IconTable = IconTable;
+exports.IconThumbDown = IconThumbDown;
+exports.IconThumbUp = IconThumbUp;
+exports.IconTrash = IconTrash;
+exports.IconUser = IconUser;
+exports.IconUserExclamation = IconUserExclamation;
+exports.IconUserGroup = IconUserGroup;
+exports.IconUsers = IconUsers;
+exports.IconViewGrid = IconViewGrid;
 exports.IconX = IconX;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@paro.io/base-icons",
-  "version": "1.0.0-alpha1",
+  "version": "1.0.0-rc1",
   "description": "",
@@ -5,0 +5,0 @@ "main": "build/index.js",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

206600

increased by254.18%

Number of package files

65

increased by306.25%

Lines of code

1064

increased by220.48%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

53

increased byInfinity%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes