react-restyle-components 0.1.44 → 0.1.46

package/lib/cjs/core-components/atoms/icons/icons.component.js

@@ -1,10 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const __1 = require("../..");
+const component_1 = __importDefault(require("@loadable/component"));
+let lib = 'md';
 const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
     try {
         const iconProps = Object.assign(Object.assign({}, propsIcon), { color: isDisable ? '#808080' : (propsIcon === null || propsIcon === void 0 ? void 0 : propsIcon.color) || '#ffffff' });
@@ -12,17 +39,21 @@ const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
             .split(' ')[0]
             .toLocaleLowerCase();
-        // const ElementIcon: any = loadable(
-        //   () => import(`react-icons/${lib}/index.js`),
-        //   {
-        //     resolveComponent: (el) =>
-        //       el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-        //   }
-        // );
+        // const fullLib = `react-icons/${lib}/index.js`;
+        const fullLib = `react-icons/md/index.js`;
+        let ElementIcon = (0, component_1.default)(() => { var _a; return _a = fullLib, Promise.resolve().then(() => __importStar(require(_a))); }, {
+            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        });
+        // ElementIcon = loadable(() => import(`react-icons/${lib}`), {
+        //   resolveComponent: (el) =>
+        //     el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        // });
         return (react_1.default.createElement("div", { onClick: () => {
                 if (!isDisable)
                     onClick && onClick();
-            } }));
+            } }, !lodash_1.default.isEmpty(tooltip) ? (react_1.default.createElement(__1.Tooltip, { tooltipText: tooltip },
+            react_1.default.createElement(ElementIcon, Object.assign({}, iconProps)))) : (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null, "Loading...") },
+            react_1.default.createElement(ElementIcon, Object.assign({}, iconProps))))));
     }
     catch (error) {
         return react_1.default.createElement(react_1.default.Fragment, null);

package/lib/cjs/core-components/atoms/icons/icons.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAcnB,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAe,EAAE;IAC3B,IAAI;QACF,MAAM,SAAS,mCACV,SAAS,KACZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,SAAS,GAC7D,CAAC;QACF,MAAM,GAAG,GAAG,QAAQ;aACjB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;aACtC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACb,iBAAiB,EAAE,CAAC;QACvB,qCAAqC;QACrC,iDAAiD;QACjD,MAAM;QACN,gCAAgC;QAChC,8EAA8E;QAC9E,MAAM;QACN,KAAK;QACL,OAAO,CACL,uCACE,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS;oBAAE,OAAO,IAAI,OAAO,EAAE,CAAC;YACvC,CAAC,GASG,CACP,CAAC;KACH;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,6DAAK,CAAC;KACd;AACH,CAAC,CAAC;AAzCW,QAAA,IAAI,QAyCf"}
+{"version":3,"file":"icons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,oDAAuB;AACvB,6BAA8B;AAC9B,oEAA2C;AAW3C,IAAI,GAAG,GAAG,IAAI,CAAC;AACR,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAe,EAAE;IAC3B,IAAI;QACF,MAAM,SAAS,mCACV,SAAS,KACZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,SAAS,GAC7D,CAAC;QACF,MAAM,GAAG,GAAG,QAAQ;aACjB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;aACtC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACb,iBAAiB,EAAE,CAAC;QACvB,iDAAiD;QACjD,MAAM,OAAO,GAAG,yBAAyB,CAAC;QAE1C,IAAI,WAAW,GAAQ,IAAA,mBAAQ,EAAC,GAAG,EAAE,uBAAQ,OAAO,4DAAC,EAAE;YACrD,gBAAgB,EAAE,CAAC,EAAE,EAAE,EAAE,CACvB,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC;QACH,+DAA+D;QAC/D,8BAA8B;QAC9B,4EAA4E;QAC5E,MAAM;QAEN,OAAO,CACL,uCACE,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS;oBAAE,OAAO,IAAI,OAAO,EAAE,CAAC;YACvC,CAAC,IAEA,CAAC,gBAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACrB,8BAAC,WAAO,IAAC,WAAW,EAAE,OAAO;YAC3B,8BAAC,WAAW,oBAAK,SAAS,EAAI,CACtB,CACX,CAAC,CAAC,CAAC,CACF,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,wDAAqB;YACvC,8BAAC,WAAW,oBAAK,SAAS,EAAI,CACrB,CACZ,CACG,CACP,CAAC;KACH;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,6DAAK,CAAC;KACd;AACH,CAAC,CAAC;AAhDW,QAAA,IAAI,QAgDf"}

package/lib/cjs/core-components/atoms/icons/icons.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const icons_component_1 = require("./icons.component");
+const meta = {
+    title: 'Design System/Atoms/Icon',
+    component: icons_component_1.Icon,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Icon } from 'react-restyle-components'`,
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        nameIcon: 'FaHistory',
+        propsIcon: {
+            color: '#000000',
+            size: 24,
+        },
+    },
+};
+//# sourceMappingURL=icons.stories.js.map

package/lib/cjs/core-components/atoms/icons/icons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.stories.tsx"],"names":[],"mappings":";;;AAEA,uDAAuC;AAEvC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,sBAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,WAAW;QACrB,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE;SACT;KACF;CACF,CAAC"}

package/lib/cjs/core-components/atoms/icons/icons.test.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const icons_component_1 = require("./icons.component");
+it('render Icon correctly', () => {
+    const icon = (0, _core_utils_1.render)(react_1.default.createElement(icons_component_1.Icon, { nameIcon: "FaHistory", propsIcon: {
+            color: '#000000',
+            size: 24,
+        } }));
+    expect(icon).toMatchSnapshot();
+});
+//# sourceMappingURL=icons.test.js.map

package/lib/cjs/core-components/atoms/icons/icons.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,uDAAuC;AACvC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,IAAA,oBAAM,EACjB,8BAAC,sBAAI,IACH,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE;SACT,GACD,CACH,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/stepper/stepper.test.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const _core_utils_1 = require("@core-utils");
 const stepper_component_1 = require("./stepper.component");
-it('rende Stepper correctly', () => {
+it('render Stepper correctly', () => {
     const stepper = (0, _core_utils_1.render)(react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
     expect(stepper).toMatchSnapshot();
 });

package/lib/cjs/core-components/atoms/stepper/stepper.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA4C;AAC5C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,IAAA,oBAAM,EACpB,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"stepper.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA4C;AAC5C,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,IAAA,oBAAM,EACpB,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/tabs/tabs.component.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const react_1 = __importStar(require("react"));
+const __1 = require("../..");
+const Tabs = ({ options, onSelect }) => {
+    const [selected, setSelected] = (0, react_1.useState)(options[0].title);
+    return (react_1.default.createElement("div", { className: "flex justify-center" },
+        react_1.default.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement("li", { key: index, className: "bg-[#EF4444] rounded-md" },
+            react_1.default.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
+                    ? 'text-white font-bold md:text-md  border-primary active'
+                    : ' text-gray-200  md:text-md border-transparent'}`, onClick: () => {
+                    setSelected(item.title);
+                    onSelect(item.title);
+                } },
+                react_1.default.createElement(__1.Icon, { nameIcon: item.icon, propsIcon: {
+                        color: item.title == selected ? '#ffffff' : '#000000',
+                        size: 24,
+                    } }),
+                item.title)))))));
+};
+exports.Tabs = Tabs;
+//# sourceMappingURL=tabs.component.js.map

package/lib/cjs/core-components/atoms/tabs/tabs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,6BAA2B;AAOpB,MAAM,IAAI,GAAG,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAY,EAAE,EAAE;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3D,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QAClC,sCAAI,SAAS,EAAC,mHAAmH,IAC9H,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,yBAAyB;YACjD,uCACE,SAAS,EAAE,gEACT,IAAI,CAAC,KAAK,IAAI,QAAQ;oBACpB,CAAC,CAAC,wDAAwD;oBAC1D,CAAC,CAAC,+CACN,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;gBAED,8BAAC,QAAI,IACH,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,SAAS,EAAE;wBACT,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBACrD,IAAI,EAAE,EAAE;qBACT,GACD;gBACD,IAAI,CAAC,KAAK,CACP,CACH,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,IAAI,QAgCf"}

package/lib/cjs/core-components/atoms/tabs/tabs.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const tabs_component_1 = require("./tabs.component");
+const meta = {
+    title: 'Design System/Atoms/Tabs',
+    component: tabs_component_1.Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        options: [
+            // {title: 'Work History', icon: 'FaHistory'},
+            // {title: 'Book Order', icon: 'FaBook'},
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ],
+        onSelect: (item) => {
+            console.log({ item });
+        }
+    },
+};
+//# sourceMappingURL=tabs.stories.js.map

package/lib/cjs/core-components/atoms/tabs/tabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":";;;AAEA,qDAAsC;AAKtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,qBAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,8CAA8C;YAC9C,yCAAyC;YACzC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}

package/lib/cjs/core-components/atoms/tabs/tabs.test.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const tabs_component_1 = require("./tabs.component");
+it('render Tabs correctly', () => {
+    const tabs = (0, _core_utils_1.render)(react_1.default.createElement(tabs_component_1.Tabs, { options: [
+            { title: 'Work History', icon: 'FaHistory' },
+            { title: 'Book Order', icon: 'FaBook' },
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ], onSelect: (item) => {
+            console.log({ item });
+        } }));
+    expect(tabs).toMatchSnapshot();
+});
+//# sourceMappingURL=tabs.test.js.map

package/lib/cjs/core-components/atoms/tabs/tabs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,qDAAsC;AACtC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,IAAA,oBAAM,EACjB,8BAAC,qBAAI,IACL,OAAO,EAAE;YACP,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC;YAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACrC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C,EACD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC,GACC,CACH,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/index.js

@@ -42,6 +42,7 @@ __exportStar(require("./atoms/stepper/stepper.component"), exports);
 __exportStar(require("./atoms/timer/timer.component"), exports);
 __exportStar(require("./atoms/tooltip/tooltip.component"), exports);
 __exportStar(require("./atoms/icons/icons.component"), exports);
+__exportStar(require("./atoms/tabs/tabs.component"), exports);
 __exportStar(require("./molecules/css-multiline-input/css-multiline-input.component"), exports);
 __exportStar(require("./molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component"), exports);
 __exportStar(require("./molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component"), exports);

package/lib/cjs/core-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kEAAoD;AAmB5C,oBAAI;AAlBZ,oEAAkD;AAClD,uEAAqD;AACrD,4EAA0D;AAC1D,oEAAkD;AAClD,oEAAkD;AAClD,gEAA8C;AAC9C,kFAAgE;AAChE,kEAAgD;AAChD,gEAA8C;AAC9C,oEAAkD;AAClD,gEAA8C;AAC9C,oEAAkD;AAClD,gEAA8C;AAE9C,gGAA8E;AAC9E,kLAAgK;AAChK,8KAA4J"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kEAAoD;AAoB5C,oBAAI;AAnBZ,oEAAkD;AAClD,uEAAqD;AACrD,4EAA0D;AAC1D,oEAAkD;AAClD,oEAAkD;AAClD,gEAA8C;AAC9C,kFAAgE;AAChE,kEAAgD;AAChD,gEAA8C;AAC9C,oEAAkD;AAClD,gEAA8C;AAC9C,oEAAkD;AAClD,gEAA8C;AAC9C,8DAA4C;AAE5C,gGAA8E;AAC9E,kLAAgK;AAChK,8KAA4J"}

package/lib/cjs/library/assets/svg/DownArrow.svg

@@ -0,0 +1,14 @@
+<svg
+          className="ml-2 w-4 h-4 absolute right-0"
+          fill="none"
+          stroke="#E7503E"
+          viewBox="0 -6 20 20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+  <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
+            />
+         </svg>

package/lib/cjs/library/assets/svg/UpArrow.svg

@@ -0,0 +1,14 @@
+<svg
+          className="ml-2 w-4 h-4 absolute right-0"
+          fill="none"
+          stroke="#E7503E"
+          viewBox="0 -6 20 20"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+ <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
+            />
+        </svg>

package/lib/cjs/library/assets/svg/checkedBox.svg

@@ -0,0 +1,14 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" >
+<rect width="15" height="15" fill="#E5E5E5"/>
+<g clip-path="url(#clip0_0_1)">
+<rect width="360" height="640" transform="translate(-20 -399)" fill="white"/>
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" />
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5"  />
+<path d="M4 7.33333L6.33333 10L11.6667 5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_0_1">
+<rect width="360" height="640" fill="white" transform="translate(-20 -399)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/cjs/library/assets/svg/checkedRadio.svg

@@ -0,0 +1,13 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" >
+<rect width="20" height="20" fill="#E5E5E5"/>
+<g clip-path="url(#clip0_0_1)">
+<rect width="360" height="2645" transform="translate(-253 -1410)" fill="white"/>
+<circle cx="10" cy="10" r="9.5" stroke="#E7503D"/>
+<circle cx="10" cy="10" r="6" fill="#E7503D"/>
+</g>
+<defs>
+<clipPath id="clip0_0_1">
+<rect width="360" height="2645" fill="white" transform="translate(-253 -1410)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/cjs/library/assets/svg/datePicker.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4 1.2H11.4V0.3C11.4 0.220435 11.3684 0.144129 11.3121 0.087868C11.2559 0.0316071 11.1796 0 11.1 0C11.0204 0 10.9441 0.0316071 10.8879 0.087868C10.8316 0.144129 10.8 0.220435 10.8 0.3V1.2H4.2V0.3C4.2 0.220435 4.16839 0.144129 4.11213 0.087868C4.05587 0.0316071 3.97957 0 3.9 0C3.82044 0 3.74413 0.0316071 3.68787 0.087868C3.63161 0.144129 3.6 0.220435 3.6 0.3V1.2H0.6C0.44087 1.2 0.288258 1.26321 0.175736 1.37574C0.0632141 1.48826 0 1.64087 0 1.8L0 13.8C0 13.9591 0.0632141 14.1117 0.175736 14.2243C0.288258 14.3368 0.44087 14.4 0.6 14.4H14.4C14.5591 14.4 14.7117 14.3368 14.8243 14.2243C14.9368 14.1117 15 13.9591 15 13.8V1.8C15 1.64087 14.9368 1.48826 14.8243 1.37574C14.7117 1.26321 14.5591 1.2 14.4 1.2ZM14.4 13.8H0.6V4.8H14.4V13.8ZM14.4 4.2H0.6V1.8H14.4V4.2Z" fill="#E7503D" stroke="#E7503D" stroke-width="0.5"/>
+</svg>

package/lib/cjs/library/assets/svg/index.ts

@@ -0,0 +1,38 @@
+import UnCheckbox from '../../../library/assets/svg/unCheckbox.svg';
+import CheckedBox from '../../../library/assets/svg/checkedBox.svg';
+import DatePickerSvg from '../../../library/assets/svg/datePicker.svg';
+import CheckedRadio from '../../../library/assets/svg/checkedRadio.svg';
+import UncheckRadio from '../../../library/assets/svg/uncheckRadio.svg';
+import TimerSVG from '../../../library/assets/svg/timer.svg';
+import UpArrow from '../../../library/assets/svg/UpArrow.svg';
+import DownArrow from '../../../library/assets/svg/DownArrow.svg';
+
+export {
+  UnCheckbox,
+  CheckedBox,
+  DatePickerSvg,
+  CheckedRadio,
+  UncheckRadio,
+  TimerSVG,
+  UpArrow,
+  DownArrow,
+};
+
+// import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
+// import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';
+// import {ReactComponent as DatePickerSvg} from '../../../library/assets/svg/datePicker.svg';
+// import {ReactComponent as CheckedRadio} from '../../../library/assets/svg/checkedRadio.svg';
+// import {ReactComponent as UncheckRadio} from '../../../library/assets/svg/uncheckRadio.svg';
+// import {ReactComponent as TimerSVG} from '../../../library/assets/svg/timer.svg';
+// import {ReactComponent as UpArrow} from '../../../library/assets/svg/UpArrow.svg';
+// import {ReactComponent as DownArrow} from '../../../library/assets/svg/DownArrow.svg';
+// export {
+//   UnCheckbox,
+//   CheckedBox,
+//   DatePickerSvg,
+//   CheckedRadio,
+//   UncheckRadio,
+//   TimerSVG,
+//   UpArrow,
+//   DownArrow,
+// };

package/lib/cjs/library/assets/svg/timer copy.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0001 8.50005C16.0001 9.73343 15.6959 10.9478 15.1145 12.0355C14.533 13.1233 13.6923 14.0508 12.6668 14.736C11.6413 15.4213 10.4626 15.843 9.23515 15.9639C8.0077 16.0848 6.76939 15.9011 5.62989 15.4291C4.49039 14.9571 3.48489 14.2114 2.70244 13.2579C1.91999 12.3045 1.38474 11.1728 1.14412 9.96316C0.903492 8.75348 0.964912 7.50312 1.32294 6.32285C1.68096 5.14257 2.32454 4.06881 3.19667 3.19667C3.25817 3.13727 3.34054 3.1044 3.42604 3.10514C3.51154 3.10588 3.59332 3.14018 3.65378 3.20064C3.71424 3.2611 3.74854 3.34289 3.74928 3.42838C3.75002 3.51388 3.71716 3.59625 3.65776 3.65776C2.54364 4.76703 1.84472 6.22559 1.67816 7.78893C1.51161 9.35226 1.88754 10.9253 2.74293 12.2444C3.59833 13.5635 4.8812 14.5485 6.37648 15.0342C7.87176 15.5199 9.48855 15.4768 10.9558 14.9121C12.4231 14.3474 13.6517 13.2955 14.4356 11.9327C15.2195 10.5699 15.511 8.97903 15.2614 7.42679C15.0118 5.87456 14.2362 4.45531 13.0645 3.40697C11.8929 2.35863 10.3965 1.74493 8.82614 1.66874V4.58698C8.82614 4.67346 8.79178 4.75641 8.73063 4.81756C8.66947 4.87871 8.58653 4.91307 8.50005 4.91307C8.41356 4.91307 8.33062 4.87871 8.26947 4.81756C8.20831 4.75641 8.17396 4.67346 8.17396 4.58698V1.32609C8.17396 1.23961 8.20831 1.15666 8.26947 1.09551C8.33062 1.03436 8.41356 1 8.50005 1C10.4885 1.00226 12.3948 1.79317 13.8009 3.19921C15.2069 4.60525 15.9978 6.5116 16.0001 8.50005ZM8.26944 8.80977C8.29966 8.84027 8.33562 8.8645 8.37524 8.88107C8.41485 8.89764 8.45735 8.90622 8.5003 8.90632C8.54324 8.90642 8.58578 8.89804 8.62547 8.88165C8.66517 8.86527 8.70123 8.8412 8.7316 8.81084C8.76197 8.78048 8.78605 8.74442 8.80244 8.70473C8.81884 8.66504 8.82723 8.62251 8.82714 8.57956C8.82706 8.53662 8.81849 8.49412 8.80193 8.4545C8.78537 8.41487 8.76115 8.37891 8.73066 8.34868L5.39059 5.00861C5.32919 4.94873 5.24666 4.91546 5.16089 4.916C5.07513 4.91653 4.99303 4.95084 4.93237 5.01148C4.87172 5.07213 4.8374 5.15422 4.83685 5.23999C4.8363 5.32576 4.86957 5.40829 4.92944 5.4697L8.26944 8.80977ZM1.65218 2.30436C1.78117 2.30436 1.90726 2.26611 2.01451 2.19444C2.12176 2.12278 2.20535 2.02093 2.25471 1.90176C2.30407 1.78259 2.31699 1.65145 2.29182 1.52494C2.26666 1.39843 2.20455 1.28223 2.11334 1.19102C2.02213 1.09981 1.90592 1.0377 1.77941 1.01253C1.6529 0.987367 1.52177 1.00028 1.4026 1.04964C1.28343 1.09901 1.18157 1.1826 1.10991 1.28985C1.03825 1.3971 1 1.52319 1 1.65218C1 1.82515 1.06871 1.99103 1.19102 2.11334C1.31333 2.23564 1.47921 2.30436 1.65218 2.30436Z" fill="#212721" stroke="#E7503D"/>
+</svg>

package/lib/cjs/library/assets/svg/timer.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0001 8.50005C16.0001 9.73343 15.6959 10.9478 15.1145 12.0355C14.533 13.1233 13.6923 14.0508 12.6668 14.736C11.6413 15.4213 10.4626 15.843 9.23515 15.9639C8.0077 16.0848 6.76939 15.9011 5.62989 15.4291C4.49039 14.9571 3.48489 14.2114 2.70244 13.2579C1.91999 12.3045 1.38474 11.1728 1.14412 9.96316C0.903492 8.75348 0.964912 7.50312 1.32294 6.32285C1.68096 5.14257 2.32454 4.06881 3.19667 3.19667C3.25817 3.13727 3.34054 3.1044 3.42604 3.10514C3.51154 3.10588 3.59332 3.14018 3.65378 3.20064C3.71424 3.2611 3.74854 3.34289 3.74928 3.42838C3.75002 3.51388 3.71716 3.59625 3.65776 3.65776C2.54364 4.76703 1.84472 6.22559 1.67816 7.78893C1.51161 9.35226 1.88754 10.9253 2.74293 12.2444C3.59833 13.5635 4.8812 14.5485 6.37648 15.0342C7.87176 15.5199 9.48855 15.4768 10.9558 14.9121C12.4231 14.3474 13.6517 13.2955 14.4356 11.9327C15.2195 10.5699 15.511 8.97903 15.2614 7.42679C15.0118 5.87456 14.2362 4.45531 13.0645 3.40697C11.8929 2.35863 10.3965 1.74493 8.82614 1.66874V4.58698C8.82614 4.67346 8.79178 4.75641 8.73063 4.81756C8.66947 4.87871 8.58653 4.91307 8.50005 4.91307C8.41356 4.91307 8.33062 4.87871 8.26947 4.81756C8.20831 4.75641 8.17396 4.67346 8.17396 4.58698V1.32609C8.17396 1.23961 8.20831 1.15666 8.26947 1.09551C8.33062 1.03436 8.41356 1 8.50005 1C10.4885 1.00226 12.3948 1.79317 13.8009 3.19921C15.2069 4.60525 15.9978 6.5116 16.0001 8.50005ZM8.26944 8.80977C8.29966 8.84027 8.33562 8.8645 8.37524 8.88107C8.41485 8.89764 8.45735 8.90622 8.5003 8.90632C8.54324 8.90642 8.58578 8.89804 8.62547 8.88165C8.66517 8.86527 8.70123 8.8412 8.7316 8.81084C8.76197 8.78048 8.78605 8.74442 8.80244 8.70473C8.81884 8.66504 8.82723 8.62251 8.82714 8.57956C8.82706 8.53662 8.81849 8.49412 8.80193 8.4545C8.78537 8.41487 8.76115 8.37891 8.73066 8.34868L5.39059 5.00861C5.32919 4.94873 5.24666 4.91546 5.16089 4.916C5.07513 4.91653 4.99303 4.95084 4.93237 5.01148C4.87172 5.07213 4.8374 5.15422 4.83685 5.23999C4.8363 5.32576 4.86957 5.40829 4.92944 5.4697L8.26944 8.80977ZM1.65218 2.30436C1.78117 2.30436 1.90726 2.26611 2.01451 2.19444C2.12176 2.12278 2.20535 2.02093 2.25471 1.90176C2.30407 1.78259 2.31699 1.65145 2.29182 1.52494C2.26666 1.39843 2.20455 1.28223 2.11334 1.19102C2.02213 1.09981 1.90592 1.0377 1.77941 1.01253C1.6529 0.987367 1.52177 1.00028 1.4026 1.04964C1.28343 1.09901 1.18157 1.1826 1.10991 1.28985C1.03825 1.3971 1 1.52319 1 1.65218C1 1.82515 1.06871 1.99103 1.19102 2.11334C1.31333 2.23564 1.47921 2.30436 1.65218 2.30436Z" fill="#212721" stroke="#E7503D"/>
+</svg>

package/lib/cjs/library/assets/svg/unCheckbox.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="14" height="14" rx="1.5" fill="white" stroke="#E7503D"/>
+</svg>

package/lib/cjs/library/assets/svg/uncheckRadio.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="10" cy="10" r="9.5" stroke="#212721"/>
+</svg>

package/lib/esm/core-components/atoms/icons/icons.component.js

@@ -1,4 +1,8 @@
-import React from 'react';
+import React, { Suspense } from 'react';
+import _ from 'lodash';
+import { Tooltip } from '../..';
+import loadable from '@loadable/component';
+let lib = 'md';
 export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
     try {
         const iconProps = Object.assign(Object.assign({}, propsIcon), { color: isDisable ? '#808080' : (propsIcon === null || propsIcon === void 0 ? void 0 : propsIcon.color) || '#ffffff' });
@@ -6,17 +10,21 @@ export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onC
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
             .split(' ')[0]
             .toLocaleLowerCase();
-        // const ElementIcon: any = loadable(
-        //   () => import(`react-icons/${lib}/index.js`),
-        //   {
-        //     resolveComponent: (el) =>
-        //       el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-        //   }
-        // );
+        // const fullLib = `react-icons/${lib}/index.js`;
+        const fullLib = `react-icons/md/index.js`;
+        let ElementIcon = loadable(() => import(fullLib), {
+            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        });
+        // ElementIcon = loadable(() => import(`react-icons/${lib}`), {
+        //   resolveComponent: (el) =>
+        //     el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        // });
         return (React.createElement("div", { onClick: () => {
                 if (!isDisable)
                     onClick && onClick();
-            } }));
+            } }, !_.isEmpty(tooltip) ? (React.createElement(Tooltip, { tooltipText: tooltip },
+            React.createElement(ElementIcon, Object.assign({}, iconProps)))) : (React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
+            React.createElement(ElementIcon, Object.assign({}, iconProps))))));
     }
     catch (error) {
         return React.createElement(React.Fragment, null);

package/lib/esm/core-components/atoms/icons/icons.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAe,EAAE;IAC3B,IAAI;QACF,MAAM,SAAS,mCACV,SAAS,KACZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,SAAS,GAC7D,CAAC;QACF,MAAM,GAAG,GAAG,QAAQ;aACjB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;aACtC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACb,iBAAiB,EAAE,CAAC;QACvB,qCAAqC;QACrC,iDAAiD;QACjD,MAAM;QACN,gCAAgC;QAChC,8EAA8E;QAC9E,MAAM;QACN,KAAK;QACL,OAAO,CACL,6BACE,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS;oBAAE,OAAO,IAAI,OAAO,EAAE,CAAC;YACvC,CAAC,GASG,CACP,CAAC;KACH;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,yCAAK,CAAC;KACd;AACH,CAAC,CAAC"}
+{"version":3,"file":"icons.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAC9B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAW3C,IAAI,GAAG,GAAG,IAAI,CAAC;AACf,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAe,EAAE;IAC3B,IAAI;QACF,MAAM,SAAS,mCACV,SAAS,KACZ,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,SAAS,GAC7D,CAAC;QACF,MAAM,GAAG,GAAG,QAAQ;aACjB,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;aACtC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACb,iBAAiB,EAAE,CAAC;QACvB,iDAAiD;QACjD,MAAM,OAAO,GAAG,yBAAyB,CAAC;QAE1C,IAAI,WAAW,GAAQ,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;YACrD,gBAAgB,EAAE,CAAC,EAAE,EAAE,EAAE,CACvB,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC;QACH,+DAA+D;QAC/D,8BAA8B;QAC9B,4EAA4E;QAC5E,MAAM;QAEN,OAAO,CACL,6BACE,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS;oBAAE,OAAO,IAAI,OAAO,EAAE,CAAC;YACvC,CAAC,IAEA,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACrB,oBAAC,OAAO,IAAC,WAAW,EAAE,OAAO;YAC3B,oBAAC,WAAW,oBAAK,SAAS,EAAI,CACtB,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,QAAQ,EAAE,8CAAqB;YACvC,oBAAC,WAAW,oBAAK,SAAS,EAAI,CACrB,CACZ,CACG,CACP,CAAC;KACH;IAAC,OAAO,KAAK,EAAE;QACd,OAAO,yCAAK,CAAC;KACd;AACH,CAAC,CAAC"}

package/lib/esm/core-components/atoms/icons/icons.stories.js

@@ -0,0 +1,20 @@
+import { Icon } from './icons.component';
+const meta = {
+    title: 'Design System/Atoms/Icon',
+    component: Icon,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Icon } from 'react-restyle-components'`,
+    },
+};
+export default meta;
+export const Primary = {
+    args: {
+        nameIcon: 'FaHistory',
+        propsIcon: {
+            color: '#000000',
+            size: 24,
+        },
+    },
+};
+//# sourceMappingURL=icons.stories.js.map

package/lib/esm/core-components/atoms/icons/icons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,WAAW;QACrB,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE;SACT;KACF;CACF,CAAC"}

package/lib/esm/core-components/atoms/icons/icons.test.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@core-utils';
+import { Icon } from './icons.component';
+it('render Icon correctly', () => {
+    const icon = render(React.createElement(Icon, { nameIcon: "FaHistory", propsIcon: {
+            color: '#000000',
+            size: 24,
+        } }));
+    expect(icon).toMatchSnapshot();
+});
+//# sourceMappingURL=icons.test.js.map

package/lib/esm/core-components/atoms/icons/icons.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,CACjB,oBAAC,IAAI,IACH,QAAQ,EAAC,WAAW,EACpB,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,EAAE;SACT,GACD,CACH,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}

package/lib/esm/core-components/atoms/stepper/stepper.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render } from '@core-utils';
 import { Stepper } from './stepper.component';
-it('rende Stepper correctly', () => {
+it('render Stepper correctly', () => {
     const stepper = render(React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
     expect(stepper).toMatchSnapshot();
 });

package/lib/esm/core-components/atoms/stepper/stepper.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CACpB,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"stepper.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAClC,MAAM,OAAO,GAAG,MAAM,CACpB,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

package/lib/esm/core-components/atoms/tabs/tabs.component.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { Icon } from '../..';
+export const Tabs = ({ options, onSelect }) => {
+    const [selected, setSelected] = useState(options[0].title);
+    return (React.createElement("div", { className: "flex justify-center" },
+        React.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement("li", { key: index, className: "bg-[#EF4444] rounded-md" },
+            React.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
+                    ? 'text-white font-bold md:text-md  border-primary active'
+                    : ' text-gray-200  md:text-md border-transparent'}`, onClick: () => {
+                    setSelected(item.title);
+                    onSelect(item.title);
+                } },
+                React.createElement(Icon, { nameIcon: item.icon, propsIcon: {
+                        color: item.title == selected ? '#ffffff' : '#000000',
+                        size: 24,
+                    } }),
+                item.title)))))));
+};
+//# sourceMappingURL=tabs.component.js.map

package/lib/esm/core-components/atoms/tabs/tabs.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAO3B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAY,EAAE,EAAE;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3D,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,4BAAI,SAAS,EAAC,mHAAmH,IAC9H,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,yBAAyB;YACjD,6BACE,SAAS,EAAE,gEACT,IAAI,CAAC,KAAK,IAAI,QAAQ;oBACpB,CAAC,CAAC,wDAAwD;oBAC1D,CAAC,CAAC,+CACN,EAAE,EACF,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC;gBAED,oBAAC,IAAI,IACH,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,SAAS,EAAE;wBACT,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;wBACrD,IAAI,EAAE,EAAE;qBACT,GACD;gBACD,IAAI,CAAC,KAAK,CACP,CACH,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/core-components/atoms/tabs/tabs.stories.js

@@ -0,0 +1,23 @@
+import { Tabs } from './tabs.component';
+const meta = {
+    title: 'Design System/Atoms/Tabs',
+    component: Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
+    },
+};
+export default meta;
+export const Primary = {
+    args: {
+        options: [
+            // {title: 'Work History', icon: 'FaHistory'},
+            // {title: 'Book Order', icon: 'FaBook'},
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ],
+        onSelect: (item) => {
+            console.log({ item });
+        }
+    },
+};
+//# sourceMappingURL=tabs.stories.js.map

package/lib/esm/core-components/atoms/tabs/tabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAKtC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,iBAAiB,EAAE,iDAAiD;KACrE;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAC;YACN,8CAA8C;YAC9C,yCAAyC;YACzC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C;QACD,QAAQ,EAAC,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC;KACF;CACF,CAAC"}

package/lib/esm/core-components/atoms/tabs/tabs.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@core-utils';
+import { Tabs } from './tabs.component';
+it('render Tabs correctly', () => {
+    const tabs = render(React.createElement(Tabs, { options: [
+            { title: 'Work History', icon: 'FaHistory' },
+            { title: 'Book Order', icon: 'FaBook' },
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ], onSelect: (item) => {
+            console.log({ item });
+        } }));
+    expect(tabs).toMatchSnapshot();
+});
+//# sourceMappingURL=tabs.test.js.map

package/lib/esm/core-components/atoms/tabs/tabs.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AACtC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,CACjB,oBAAC,IAAI,IACL,OAAO,EAAE;YACP,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC;YAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAC;YACrC,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,EAAC;SAC9C,EACD,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;YACjB,OAAO,CAAC,GAAG,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QAEtB,CAAC,GACC,CACH,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC"}

package/lib/esm/core-components/index.js

@@ -12,6 +12,7 @@ export * from './atoms/stepper/stepper.component';
 export * from './atoms/timer/timer.component';
 export * from './atoms/tooltip/tooltip.component';
 export * from './atoms/icons/icons.component';
+export * from './atoms/tabs/tabs.component';
 export * from './molecules/css-multiline-input/css-multiline-input.component';
 export * from './molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
 export * from './molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';

package/lib/esm/core-components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAE5J,OAAO,EAAC,IAAI,EAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAE5J,OAAO,EAAC,IAAI,EAAC,CAAC"}

package/lib/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "react-restyle-components",
+  "version": "0.1.41",
+  "private": false,
+  "description": "Easy use restyle components",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "author": {
+    "email": "onlyappasaheb4@gmail.com",
+    "name": "Lakade Appasaheb",
+    "url": "http://github.com/appasaheb4"
+  },
+  "license": "MIT",
+  "scripts": {
+    "start": "serve -s ./build",
+    "dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
+    "serve-webapp": "craco build && craco start",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json && copyfiles -u 1 src/library/assets/**/* lib/cjs && cp package.json lib/package.json",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "precommit": "lint-staged --allow-empty",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "rm -rf docs-build && storybook build -o docs-build",
+    "deploy-storybook": "gh-pages -d docs-build",
+    "prettier": "prettier --write '**/*.{js,jsx}'",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@loadable/component": "^5.16.4",
+    "@mui/material": "^5.15.19",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.1.1",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.4.1",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.1",
+    "dayjs": "^1.11.1",
+    "react-datepicker": "^4.7.0",
+    "react-icons": "^5.2.1",
+    "reactstrap": "^9.0.2",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.6.3"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "*",
+    "@testing-library/react": "*",
+    "@testing-library/user-event": "*",
+    "@types/jest": "*",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "dayjs": "*",
+    "react": "*",
+    "react-datepicker": "*",
+    "react-dom": "*",
+    "react-scripts": "*",
+    "reactstrap": "*",
+    "tailwindcss": "*",
+    "typescript": "*",
+    "web-vitals": "*"
+  },
+  "files": ["*.md", "dist", "lib"],
+  "sideEffects": ["**/*.css"],
+  "eslintConfig": {
+    "extends": ["react-app", "react-app/jest", "plugin:storybook/recommended"],
+    "overrides": [
+      {
+        "files": ["**/*.stories.*"],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [">0.2%", "not dead", "not op_mini all"],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.1",
+    "@craco/craco": "^6.4.3",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.0.6",
+    "@storybook/addon-onboarding": "^8.0.6",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/react-webpack5": "^8.0.6",
+    "@storybook/test": "^8.0.6",
+    "@svgr/webpack": "^8.1.0",
+    "autoprefixer": "^10.4.19",
+    "craco-alias": "^3.0.1",
+    "style-loader": "^4.0.0",
+    "css-loader": "^7.1.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "gh-pages": "^3.2.3",
+    "husky": "^7.0.4",
+    "copyfiles": "^2.4.1",
+    "lint-staged": "^12.4.0",
+    "postcss-loader": "^8.1.1",
+    "storybook": "^8.0.6",
+    "webpack": "^5.72.0"
+  },
+  "keywords": ["react", "components", "restyle-components", "tech-abl"],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/appasaheb4/react-restyle-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/appasaheb4/react-restyle-components/issues"
+  },
+  "homepage": "https://github.com/appasaheb4/react-restyle-components#readme",
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss,md}": ["prettier --write", "git add"]
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "private": false,
   "description": "Easy use restyle components",
   "main": "lib/cjs/index.js",
@@ -15,7 +15,7 @@
     "start": "serve -s ./build",
     "dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
     "serve-webapp": "craco build && craco start",
-    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json && copyfiles -u 1 src/library/assets/**/* lib/cjs && cp package.json lib/package.json",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
@@ -112,9 +112,12 @@
     "@svgr/webpack": "^8.1.0",
     "autoprefixer": "^10.4.19",
     "craco-alias": "^3.0.1",
+    "style-loader": "^4.0.0",
+    "css-loader": "^7.1.2",
     "eslint-plugin-storybook": "^0.8.0",
     "gh-pages": "^3.2.3",
     "husky": "^7.0.4",
+    "copyfiles": "^2.4.1",
     "lint-staged": "^12.4.0",
     "postcss-loader": "^8.1.1",
     "storybook": "^8.0.6",