kamotive_ui 1.2.20 → 1.2.22

package/dist/Icons/ChevronDown/ChevronDown.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export declare const ChevronDown: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    rotation?: number;
+    style?: CSSProperties;
+}>;

package/dist/Icons/ChevronDown/ChevronDown.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const ChevronDown = ({ color = 'inherit', htmlColor, strokeWidth = '0.1', rotation = 0, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("g", { transform: `rotate(${rotation}, 12, 12)` },
+            React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M5.84,9.59L11.5,15.25L17.16,9.59L16.45,8.89L11.5,13.84L6.55,8.89L5.84,9.59Z" }))));
+};

package/dist/Icons/ChevronLeft/ChevronLeft.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const ChevronLeft: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/ChevronLeft/ChevronLeft.js

@@ -1,5 +1,6 @@
 import React from 'react';
-export const ChevronLeft = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" })));
+export const ChevronLeft = ({ color = 'inherit', htmlColor, strokeWidth = '0.1', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("g", { transform: "translate(6, 6) scale(0.75)" },
+            React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: `${strokeWidth} !important`, d: "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" }))));
 };

package/dist/Icons/ChevronRight/ChevronRight.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const ChevronRight: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/ChevronRight/ChevronRight.js

@@ -1,5 +1,6 @@
 import React from 'react';
-export const ChevronRight = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })));
+export const ChevronRight = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("g", { transform: "translate(6, 6) scale(0.75)" },
+            React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: `${strokeWidth} !important`, d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" }))));
 };

package/dist/Icons/ChevronUp/ChevronUp.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const ChevronUp: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/ChevronUp/ChevronUp.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const ChevronUp = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M5.84,15.41L11.5,9.75L17.16,15.41L16.45,16.11L11.5,11.16L6.55,16.11L5.84,15.41Z" })));
+};

package/dist/Icons/IconAccount/IconAccount.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconAccount: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconAccount/IconAccount.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconAccount = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M11.5,14C15.64,14 19,15.57 19,17.5V20H4V17.5C4,15.57 7.36,14 11.5,14M18,17.5C18,16.12 15.09,15 11.5,15C7.91,15 5,16.12 5,17.5V19H18V17.5M11.5,5C13.43,5 15,6.57 15,8.5C15,10.43 13.43,12 11.5,12C9.57,12 8,10.43 8,8.5C8,6.57 9.57,5 11.5,5M11.5,6C10.12,6 9,7.12 9,8.5C9,9.88 10.12,11 11.5,11C12.88,11 14,9.88 14,8.5C14,7.12 12.88,6 11.5,6Z" })));
+};

package/dist/Icons/IconAdd/IconAdd.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconAdd: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconAdd/IconAdd.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconAdd = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5,13V12H11V6H12V12H18V13H12V19H11V13H5Z" })));
+export const IconAdd = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M5,13V12H11V6H12V12H18V13H12V19H11V13H5Z" })));
 };

package/dist/Icons/IconAddress/IconAddress.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconAddress: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconAddress/IconAddress.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconAddress = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M11,2.5L20,7V9H2V7L11,2.5M15,10H19V18H15V10M2,22V19H20V22H2M9,10H13V18H9V10M3,10H7V18H3V10M3,20V21H19V20H3M4,11V17H6V11H4M10,11V17H12V11H10M16,11V17H18V11H16M3,8H19V7.6L11,3.58L3,7.6V8Z" })));
+};

package/dist/Icons/IconAlarm/IconAlarm.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconAlarm: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconAlarm/IconAlarm.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconAlarm = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M11.5,6C15.64,6 19,9.36 19,13.5C19,17.64 15.64,21 11.5,21C7.36,21 4,17.64 4,13.5C4,9.36 7.36,6 11.5,6M11.5,7C7.91,7 5,9.91 5,13.5C5,17.09 7.91,20 11.5,20C15.09,20 18,17.09 18,13.5C18,9.91 15.09,7 11.5,7M11,9H12V13.36L15.05,14.78L14.63,15.69L11,14V9M15.25,5.25L15.89,4.5L19.72,7.7L19.08,8.46L15.25,5.25M7.75,5.25L3.92,8.46L3.28,7.7L7.11,4.5L7.75,5.25Z" })));
+};

package/dist/Icons/IconBell/IconBell.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconBell: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconBell/IconBell.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconBell = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', color: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M12,4.5C12,4.22 11.78,4 11.5,4C11.22,4 11,4.22 11,4.5V6.03C8.75,6.28 7,8.18 7,10.5V16.41L5.41,18H17.59L16,16.41V10.5C16,8.18 14.25,6.28 12,6.03V4.5M11.5,3C12.33,3 13,3.67 13,4.5V5.21C15.31,5.86 17,8 17,10.5V16L20,19H3L6,16V10.5C6,8 7.69,5.86 10,5.21V4.5C10,3.67 10.67,3 11.5,3M11.5,22C10.29,22 9.28,21.14 9.05,20H10.09C10.29,20.58 10.85,21 11.5,21C12.15,21 12.71,20.58 12.91,20H13.95C13.72,21.14 12.71,22 11.5,22Z" })));
+};

package/dist/Icons/IconBriefcase/IconBriefcase.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconBriefcase: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconBriefcase/IconBriefcase.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconBriefcase = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M5,7H8V5L10,3H13L15,5V7H18C19.66,7 21,8.34 21,10V18C21,19.66 19.66,21 18,21H5C3.34,21 2,19.66 2,18V10C2,8.34 3.34,7 5,7M10.41,4L9,5.41V7H14V5.41L12.59,4H10.41M5,8C3.9,8 3,8.9 3,10V18C3,19.1 3.9,20 5,20H18C19.1,20 20,19.1 20,18V10C20,8.9 19.1,8 18,8H5Z" })));
+};

package/dist/Icons/IconCalendar/IconCalendar.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconCalendar: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconCalendar/IconCalendar.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconCalendar = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M7,2H8C8.55,2 9,2.45 9,3V4H14V3C14,2.45 14.45,2 15,2H16C16.55,2 17,2.45 17,3V4C18.66,4 20,5.34 20,7V18C20,19.66 18.66,21 17,21H6C4.34,21 3,19.66 3,18V7C3,5.34 4.34,4 6,4V3C6,2.45 6.45,2 7,2M15,4H16V3H15V4M8,4V3H7V4H8M6,5C4.9,5 4,5.9 4,7V8H19V7C19,5.9 18.1,5 17,5H6M4,18C4,19.1 4.9,20 6,20H17C18.1,20 19,19.1 19,18V9H4V18M12,13H17V18H12V13M13,14V17H16V14H13Z" })));
+};

package/dist/Icons/IconCheck/IconCheck.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconCheck: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconCheck/IconCheck.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconCheck = ({ color = 'inherit', htmlColor, strokeWidth, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M18.9,8.1L9,18L4.05,13.05L4.76,12.34L9,16.59L18.19,7.39L18.9,8.1Z" })));
+};

package/dist/Icons/IconClose/IconClose.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconClose: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconClose/IconClose.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const IconClose = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, 
+            // d="M16.24,7.76L12,12L7.76,7.76L7.05,8.47L11.29,12.71L7.05,16.95L7.76,17.66L12,13.42L16.24,17.66L16.95,16.95L12.71,12.71L16.95,8.47L16.24,7.76Z"
+            d: "M17,7L12,12L7,7L6.3,7.7L11.3,12.7L6.3,17.7L7,18.4L12,13.4L17,18.4L17.7,17.7L12.7,12.7L17.7,7.7L17,7Z" })));
+};

package/dist/Icons/IconColorPicker/IconColorPicker.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconColorPicker: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    className?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconColorPicker/IconColorPicker.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconColorPicker = ({ color = 'inherit', htmlColor, strokeWidth = '0.1', className, style }) => {
+    return (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: `${color} ${className}` },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, strokeLinejoin: "round", d: "M21.71 4.04l-1.75-1.75c-.39-.39-1.02-.39-1.41 0L16 4.84 19.16 8l2.55-2.55c.39-.39.39-1.02 0-1.41zM3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z" })));
+};

package/dist/Icons/IconDelete/IconDelete.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconDelete: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconDelete/IconDelete.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconDelete = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M18,19C18,20.66 16.66,22 15,22H8C6.34,22 5,20.66 5,19V7H4V4H8.5L9.5,3H13.5L14.5,4H19V7H18V19M6,7V19C6,20.1 6.9,21 8,21H15C16.1,21 17,20.1 17,19V7H6M18,6V5H14L13,4H10L9,5H5V6H18M8,9H9V19H8V9M14,9H15V19H14V9Z" })));
+};

package/dist/Icons/IconDownload/IconDownload.d.ts

@@ -1,7 +1,17 @@
-import React, { FC } from 'react';
+import React, { CSSProperties, FC } from 'react';
+/*************  ✨ Windsurf Command ⭐  *************/
+/**
+ * IconDownload is a functional component that renders an SVG icon representing a download action.
+ *
+ * Props:
+ * - color: A string that sets the CSS class for the SVG element, default is 'inherit'.
+ * - htmlColor: A string to set the fill and stroke color of the SVG path, defaults to 'currentColor'.
+
+/*******  23580dc5-86f5-4f9d-89cc-230535275091  *******/
 export declare const IconDownload: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
     onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconDownload/IconDownload.js

@@ -1,5 +1,14 @@
 import React from 'react';
-export const IconDownload = ({ color = 'inherit', htmlColor, strokeWidth, onClick, }) => {
-    return (React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M12,4V16.25L17.25,11L18,11.66L11.5,18.16L5,11.66L5.75,11L11,16.25V4H12M3,19H4V21H19V19H20V22H3V19Z" })));
+/*************  ✨ Windsurf Command ⭐  *************/
+/**
+ * IconDownload is a functional component that renders an SVG icon representing a download action.
+ *
+ * Props:
+ * - color: A string that sets the CSS class for the SVG element, default is 'inherit'.
+ * - htmlColor: A string to set the fill and stroke color of the SVG path, defaults to 'currentColor'.
+
+/*******  23580dc5-86f5-4f9d-89cc-230535275091  *******/
+export const IconDownload = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : '0.3 !important' }, d: "M12,4V16.25L17.25,11L18,11.66L11.5,18.16L5,11.66L5.75,11L11,16.25V4H12M3,19H4V21H19V19H20V22H3V19Z" })));
 };

package/dist/Icons/IconDublicate/IconDublicate.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconDublicate: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconDublicate/IconDublicate.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconDublicate = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M15,11C13.34,11 12,9.66 12,8V4H8C6.9,4 6,4.9 6,6V19C6,20.1 6.9,21 8,21H17C18.1,21 19,20.1 19,19V11H15M13,8C13,9.1 13.9,10 15,10H18.59L13,4.41V8M8,3H13L20,10V19C20,20.66 18.66,22 17,22H8C6.34,22 5,20.66 5,19V6C5,4.34 6.34,3 8,3M8,24C5.24,24 3,21.76 3,19V7H4V19C4,21.21 5.79,23 8,23H16V24H8Z" })));
+};

package/dist/Icons/IconEmail/IconEmail.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconEmail: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconEmail/IconEmail.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconEmail = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5,5H18C19.66,5 21,6.34 21,8V17C21,18.66 19.66,20 18,20H5C3.34,20 2,18.66 2,17V8C2,6.34 3.34,5 5,5M5,6C4.5,6 4.06,6.17 3.72,6.47L11.5,11.5L19.28,6.47C18.94,6.17 18.5,6 18,6H5M11.5,12.71L3.13,7.28C3.05,7.5 3,7.75 3,8V17C3,18.1 3.9,19 5,19H18C19.1,19 20,18.1 20,17V8C20,7.75 19.95,7.5 19.87,7.28L11.5,12.71Z" })));
+export const IconEmail = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M5,5H18C19.66,5 21,6.34 21,8V17C21,18.66 19.66,20 18,20H5C3.34,20 2,18.66 2,17V8C2,6.34 3.34,5 5,5M5,6C4.5,6 4.06,6.17 3.72,6.47L11.5,11.5L19.28,6.47C18.94,6.17 18.5,6 18,6H5M11.5,12.71L3.13,7.28C3.05,7.5 3,7.75 3,8V17C3,18.1 3.9,19 5,19H18C19.1,19 20,18.1 20,17V8C20,7.75 19.95,7.5 19.87,7.28L11.5,12.71Z" })));
 };

package/dist/Icons/IconError/IconError.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconError: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconError/IconError.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const IconError = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M12,3C16.75,3 21,7.25 21,12C21,16.75 16.75,21 12,21C7.25,21 3,16.75 3,12C3,7.25 7.25,3 12,3M12,4C7.81,4 4,7.81 4,12C4,16.19 7.81,20 12,20C16.19,20 20,16.19 20,12C20,7.81 16.19,4 12,4Z" }),
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M15.5,8L12,11.5L8.5,8L7.8,8.7L11.3,12.2L7.8,15.7L8.5,16.4L12,12.9L15.5,16.4L16.2,15.7L12.7,12.2L16.2,8.7L15.5,8Z" })));
+};

package/dist/Icons/IconEye/{IconEye10.d.ts → IconEye.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare const IconEye10: FC<{
+export declare const IconEye: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;

package/dist/Icons/IconEye/{IconEye10.js → IconEye.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconEye10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
+export const IconEye = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
     return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
         React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.5,18C15.5,18 18.96,15.78 20.74,12.5C18.96,9.22 15.5,7 11.5,7C7.5,7 4.04,9.22 2.26,12.5C4.04,15.78 7.5,18 11.5,18M11.5,6C16.06,6 20,8.65 21.86,12.5C20,16.35 16.06,19 11.5,19C6.94,19 3,16.35 1.14,12.5C3,8.65 6.94,6 11.5,6M11.5,8C14,8 16,10 16,12.5C16,15 14,17 11.5,17C9,17 7,15 7,12.5C7,10 9,8 11.5,8M11.5,9C9.57,9 8,10.57 8,12.5C8,14.43 9.57,16 11.5,16C13.43,16 15,14.43 15,12.5C15,10.57 13.43,9 11.5,9Z" })));
 };

package/dist/Icons/IconEyeOff/IconEyeOff.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconEyeOff: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconEyeOff/IconEyeOff.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconEyeOff = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M2.54,4.71L3.25,4L20,20.75L19.29,21.46L15.95,18.11C14.58,18.68 13.08,19 11.5,19C6.94,19 3,16.35 1.14,12.5C2.11,10.5 3.63,8.83 5.5,7.68L2.54,4.71M11.5,18C12.79,18 14.03,17.77 15.17,17.34L14.05,16.21C13.32,16.71 12.45,17 11.5,17C9,17 7,15 7,12.5C7,11.55 7.29,10.68 7.79,9.95L6.24,8.41C4.57,9.38 3.19,10.8 2.26,12.5C4.04,15.78 7.5,18 11.5,18M20.74,12.5C18.96,9.22 15.5,7 11.5,7C10.35,7 9.23,7.19 8.19,7.53L7.41,6.75C8.68,6.26 10.06,6 11.5,6C16.06,6 20,8.65 21.86,12.5C20.95,14.39 19.53,16 17.79,17.13L17.07,16.4C18.6,15.44 19.87,14.1 20.74,12.5M11.5,8C14,8 16,10 16,12.5C16,13.32 15.78,14.08 15.4,14.74L14.66,14C14.88,13.54 15,13.04 15,12.5C15,10.57 13.43,9 11.5,9C10.96,9 10.46,9.12 10,9.34L9.26,8.6C9.92,8.22 10.68,8 11.5,8M8,12.5C8,14.43 9.57,16 11.5,16C12.17,16 12.79,15.81 13.32,15.5L8.5,10.68C8.19,11.21 8,11.83 8,12.5Z" })));
+};

package/dist/Icons/IconFile/IconFile.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconFile: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconFile/IconFile.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconFile = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "25", height: "30", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', strokeLinejoin: "round", d: "M14,11C12.34,11 11,9.66 11,8V4H7C5.9,4 5,4.9 5,6V19C5,20.1 5.9,21 7,21H16C17.1,21 18,20.1 18,19V11H14M12,8C12,9.1 12.9,10 14,10H17.59L12,4.41V8M7,3H12L19,10V19C19,20.66 17.66,22 16,22H7C5.34,22 4,20.66 4,19V6C4,4.34 5.34,3 7,3Z" })));
+export const IconFile = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, strokeLinejoin: "round", d: "M14,11C12.34,11 11,9.66 11,8V4H7C5.9,4 5,4.9 5,6V19C5,20.1 5.9,21 7,21H16C17.1,21 18,20.1 18,19V11H14M12,8C12,9.1 12.9,10 14,10H17.59L12,4.41V8M7,3H12L19,10V19C19,20.66 17.66,22 16,22H7C5.34,22 4,20.66 4,19V6C4,4.34 5.34,3 7,3Z" })));
 };

package/dist/Icons/{IconClose/IconClose10.d.ts → IconGoTo/IconGoTo.d.ts}

@@ -1,7 +1,8 @@
-import React, { FC } from 'react';
-export declare const IconClose10: FC<{
+import React, { CSSProperties, FC } from 'react';
+export declare const IconGoTo: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
     onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconGoTo/IconGoTo.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconGoTo = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M9,6H17C18.66,6 20,7.34 20,9V20C20,21.66 18.66,23 17,23H9C7.34,23 6,21.66 6,20V19H7V20C7,21.1 7.9,22 9,22H17C18.1,22 19,21.1 19,20V9C19,7.9 18.1,7 17,7H9C7.9,7 7,7.9 7,9V14H6V9C6,7.34 7.34,6 9,6M5,2H15V3H5C3.9,3 3,3.9 3,5V14C3,15.1 3.9,16 5,16H12.25L10,13.75L10.66,13L14.16,16.5L10.66,20L10,19.25L12.25,17H5C3.34,17 2,15.66 2,14V5C2,3.34 3.34,2 5,2Z" })));
+};

package/dist/Icons/IconHome/IconHome.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconHome: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconHome/IconHome.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconHome = ({ color = 'inherit', htmlColor, strokeWidth, onClick, style, }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M16,8.41L11.5,3.91L4.41,11H6V12L6,19H9V13H14V19H17V11H18.59L17,9.41V6H16V8.41M2,12L11.5,2.5L15,6V5H18V9L21,12H18V20H13V14H10V20H5V12H2Z" })));
+};

package/dist/Icons/IconInfo/IconInfo.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconInfo: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconInfo/IconInfo.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconInfo = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M11.5,3C16.75,3 21,7.25 21,12.5C21,17.75 16.75,22 11.5,22C6.25,22 2,17.75 2,12.5C2,7.25 6.25,3 11.5,3M11.5,4C6.81,4 3,7.81 3,12.5C3,17.19 6.81,21 11.5,21C16.19,21 20,17.19 20,12.5C20,7.81 16.19,4 11.5,4M11,17V15H12V17H11M11,13V8H12V13H11Z" })));
+};

package/dist/Icons/IconPencil/IconPencil.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconPencil: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconPencil/IconPencil.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconPencil = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M19.71,8.04L17.37,10.37L13.62,6.62L15.96,4.29C16.35,3.9 17,3.9 17.37,4.29L19.71,6.63C20.1,7 20.1,7.65 19.71,8.04M3,17.25L13.06,7.18L16.81,10.93L6.75,21H3V17.25M16.62,5.04L15.08,6.58L17.42,8.92L18.96,7.38L16.62,5.04M15.36,11L13,8.64L4,17.66V20H6.34L15.36,11Z" })));
+export const IconPencil = ({ color = 'inherit', htmlColor, strokeWidth, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M19.71,8.04L17.37,10.37L13.62,6.62L15.96,4.29C16.35,3.9 17,3.9 17.37,4.29L19.71,6.63C20.1,7 20.1,7.65 19.71,8.04M3,17.25L13.06,7.18L16.81,10.93L6.75,21H3V17.25M16.62,5.04L15.08,6.58L17.42,8.92L18.96,7.38L16.62,5.04M15.36,11L13,8.64L4,17.66V20H6.34L15.36,11Z" })));
 };

package/dist/Icons/IconPhone/IconPhone.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconPhone: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
 }>;

package/dist/Icons/IconPhone/IconPhone.js

@@ -1,5 +1,5 @@
 import React from 'react';
-export const IconPhone = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M19.5,22C20.33,22 21,21.33 21,20.5V17C21,16.17 20.33,15.5 19.5,15.5C18.33,15.5 17.18,15.32 16.08,14.95C15.55,14.78 14.97,14.92 14.56,15.32L13.12,16.76C10.64,15.41 8.57,13.34 7.23,10.87L8.66,9.44C9.07,9.05 9.22,8.47 9.04,7.91C8.68,6.82 8.5,5.67 8.5,4.5C8.5,3.67 7.83,3 7,3H3.5C2.67,3 2,3.67 2,4.5C2,14.15 9.85,22 19.5,22M3.5,4H7C7.28,4 7.5,4.22 7.5,4.5C7.5,5.78 7.7,7.03 8.09,8.22C8.14,8.36 8.13,8.56 7.97,8.72L6,10.68C7.65,13.91 10.07,16.33 13.31,18L15.26,16.03C15.4,15.89 15.59,15.85 15.77,15.9C16.97,16.3 18.22,16.5 19.5,16.5C19.78,16.5 20,16.72 20,17V20.5C20,20.78 19.78,21 19.5,21C10.4,21 3,13.6 3,4.5C3,4.22 3.22,4 3.5,4Z" })));
+export const IconPhone = ({ color = 'inherit', htmlColor, strokeWidth, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M19.5,22C20.33,22 21,21.33 21,20.5V17C21,16.17 20.33,15.5 19.5,15.5C18.33,15.5 17.18,15.32 16.08,14.95C15.55,14.78 14.97,14.92 14.56,15.32L13.12,16.76C10.64,15.41 8.57,13.34 7.23,10.87L8.66,9.44C9.07,9.05 9.22,8.47 9.04,7.91C8.68,6.82 8.5,5.67 8.5,4.5C8.5,3.67 7.83,3 7,3H3.5C2.67,3 2,3.67 2,4.5C2,14.15 9.85,22 19.5,22M3.5,4H7C7.28,4 7.5,4.22 7.5,4.5C7.5,5.78 7.7,7.03 8.09,8.22C8.14,8.36 8.13,8.56 7.97,8.72L6,10.68C7.65,13.91 10.07,16.33 13.31,18L15.26,16.03C15.4,15.89 15.59,15.85 15.77,15.9C16.97,16.3 18.22,16.5 19.5,16.5C19.78,16.5 20,16.72 20,17V20.5C20,20.78 19.78,21 19.5,21C10.4,21 3,13.6 3,4.5C3,4.22 3.22,4 3.5,4Z" })));
 };

package/dist/Icons/IconSpaceChange/IconSpaceChange.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties, FC } from 'react';
+export declare const IconSpaceChange: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconSpaceChange/IconSpaceChange.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconSpaceChange = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', onClick, style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M2.7,11L11.37,4.25L20.3,11.23L11.63,18L2.7,11M18.7,11.21L11.39,5.5L4.32,11L11.63,16.73L18.7,11.21M11.63,21L2.7,14L3.5,13.4L11.61,19.75L19.5,13.59L20.3,14.23L11.63,21Z" })));
+};

package/dist/Icons/IconSuccess/IconSuccess.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconSuccess: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;

package/dist/Icons/IconSuccess/IconSuccess.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const IconSuccess = ({ color = 'inherit', htmlColor, strokeWidth = '0', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M12,3C16.75,3 21,7.25 21,12C21,16.75 16.75,21 12,21C7.25,21 3,16.75 3,12C3,7.25 7.25,3 12,3M12,4C7.81,4 4,7.81 4,12C4,16.19 7.81,20 12,20C16.19,20 20,16.19 20,12C20,7.81 16.19,4 12,4Z" }),
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, d: "M17,9L11,15L7,11L7.7,10.3L11,13.6L16.3,8.3L17,9Z" })));
+};

package/dist/Icons/IconUpload/IconUpload.d.ts

@@ -1,6 +1,9 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 export declare const IconUpload: FC<{
     color?: string;
     htmlColor?: string;
     strokeWidth?: string;
+    style?: CSSProperties;
+    width?: string;
+    height?: string;
 }>;

package/dist/Icons/IconUpload/IconUpload.js

@@ -1,5 +1,7 @@
 import React from 'react';
-export const IconUpload = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "45", height: "45", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', strokeLinejoin: "round", d: "M5.5,20C2.46,20 0,17.54 0,14.5C0,11.46 2.46,9 5.5,9C6.5,6.65 8.8,5 11.5,5C14.93,5 17.74,7.66 18,11.03L18.5,11C21,11 23,13 23,15.5C23,18 21,20 18.5,20H5.5M5.5,10C3,10 1,12 1,14.5C1,17 3,19 5.5,19H18.5C20.43,19 22,17.43 22,15.5C22,13.57 20.43,12 18.5,12C17.94,12 17.4,12.13 16.93,12.37L17,11.5C17,8.46 14.54,6 11.5,6C8.96,6 6.83,7.72 6.19,10.05L5.5,10M12,17V11.75L14.25,14L15,13.34L11.5,9.84L8,13.34L8.75,14L11,11.75V17H12Z" })));
+export const IconUpload = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style, width = '20', height = '20' }) => {
+    return (React.createElement("svg", { width: width, height: height, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', 
+            // style={{ strokeWidth: strokeWidth }}
+            strokeWidth: "0.3", strokeLinejoin: "round", d: "M5.5,20C2.46,20 0,17.54 0,14.5C0,11.46 2.46,9 5.5,9C6.5,6.65 8.8,5 11.5,5C14.93,5 17.74,7.66 18,11.03L18.5,11C21,11 23,13 23,15.5C23,18 21,20 18.5,20H5.5M5.5,10C3,10 1,12 1,14.5C1,17 3,19 5.5,19H18.5C20.43,19 22,17.43 22,15.5C22,13.57 20.43,12 18.5,12C17.94,12 17.4,12.13 16.93,12.37L17,11.5C17,8.46 14.54,6 11.5,6C8.96,6 6.83,7.72 6.19,10.05L5.5,10M12,17V11.75L14.25,14L15,13.34L11.5,9.84L8,13.34L8.75,14L11,11.75V17H12Z" })));
 };

package/dist/Icons/IconWarning/IconWarning.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, FC } from 'react';
+export declare const IconWarning: FC<{
+    color?: string;
+    htmlColor?: string;
+    strokeWidth?: string;
+    style?: CSSProperties;
+}>;