tp-react-elements-dev 1.12.34 → 1.13.0

package/dist/assets/icons/flaticon_hvc.css

@@ -1,195 +1,195 @@
-/*!
-*    ______ _       _   _
-*    |  ____| |     | | (_)
-*    | |__  | | __ _| |_ _  ___ ___  _ __
-*    |  __| | |/ _` | __| |/ __/ _ \| '_ \
-*    | |    | | (_| | |_| | (_| (_) | | | |
-*    |_|    |_|\__,_|\__|_|\___\___/|_| |_|
-*
-*         https://www.flaticon.com
-*/
-
-@font-face {
-  font-family: 'flaticon_hvc';
-  src:
-    url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
-    url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
-    url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
-    url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
-    url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
-}
-
-i[class^='flaticon-']:before,
-i[class*=' flaticon-']:before {
-  font-family: flaticon_hvc !important;
-  font-style: normal;
-  font-weight: normal !important;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.flaticon-setting:before {
-  content: '\f101';
-}
-.flaticon-refresh:before {
-  content: '\f102';
-}
-.flaticon-setting-1:before {
-  content: '\f103';
-}
-.flaticon-check:before {
-  content: '\f104';
-}
-.flaticon-bank:before {
-  content: '\f105';
-}
-.flaticon-user:before {
-  content: '\f106';
-}
-.flaticon-user-1:before {
-  content: '\f107';
-}
-.flaticon-info-sign:before {
-  content: '\f108';
-}
-.flaticon-clipboard:before {
-  content: '\f109';
-}
-.flaticon-right-arrow:before {
-  content: '\f10a';
-}
-.flaticon-home:before {
-  content: '\f10b';
-}
-.flaticon-search:before {
-  content: '\f10c';
-}
-.flaticon-eye:before {
-  content: '\f10d';
-}
-.flaticon-edit:before {
-  content: '\f10e';
-}
-.flaticon-delete:before {
-  content: '\f10f';
-}
-.flaticon-add-1:before {
-  content: '\f110';
-}
-.flaticon-plus-1:before {
-  content: '\f111';
-}
-.flaticon-compose:before {
-  content: '\f112';
-}
-.flaticon-trash:before {
-  content: '\f113';
-}
-.flaticon-download:before {
-  content: '\f114';
-}
-.flaticon-downloading:before {
-  content: '\f115';
-}
-.flaticon-upload:before {
-  content: '\f116';
-}
-.flaticon-right-arrow-1:before {
-  content: '\f117';
-}
-.flaticon-user-2:before {
-  content: '\f118';
-}
-.flaticon-man-in-suit-and-tie:before {
-  content: '\f119';
-}
-.flaticon-cancel:before {
-  content: '\f11a';
-}
-.flaticon-check-mark:before {
-  content: '\f11b';
-}
-.flaticon-bars:before {
-  content: '\f11c';
-}
-.flaticon-copy:before {
-  content: '\f11d';
-}
-.flaticon-printer:before {
-  content: '\f11e';
-}
-.flaticon-file:before {
-  content: '\f11f';
-}
-.flaticon-file-1:before {
-  content: '\f120';
-}
-.flaticon-file-2:before {
-  content: '\f121';
-}
-.flaticon-eye-1:before {
-  content: '\f122';
-}
-.flaticon-upload-1:before {
-  content: '\f123';
-}
-.flaticon-production:before {
-  content: '\f124';
-}
-.flaticon-cube:before {
-  content: '\f125';
-}
-.flaticon-rotation:before {
-  content: '\f126';
-}
-.flaticon-rotation-1:before {
-  content: '\f127';
-}
-.flaticon-spinning:before {
-  content: '\f128';
-}
-.flaticon-spinning-1:before {
-  content: '\f129';
-}
-.flaticon-ready-stock:before {
-  content: '\f12a';
-}
-.flaticon-ready-stock-1:before {
-  content: '\f12b';
-}
-.flaticon-visible:before {
-  content: '\f12c';
-}
-.flaticon-printing:before {
-  content: '\f12d';
-}
-.flaticon-like:before {
-  content: '\f12e';
-}
-.flaticon-thumb-up:before {
-  content: '\f12f';
-}
-.flaticon-thumbs-up:before {
-  content: '\f130';
-}
-.flaticon-thumb-down:before {
-  content: '\f131';
-}
-.flaticon-dislike:before {
-  content: '\f132';
-}
-.flaticon-thumb-down-1:before {
-  content: '\f133';
-}
-.flaticon-pointing-right:before {
-  content: '\f134';
-}
-.flaticon-point:before {
-  content: '\f135';
-}
-.flaticon-history:before {
-  content: '\f136';
-}
+/*!
+*    ______ _       _   _
+*    |  ____| |     | | (_)
+*    | |__  | | __ _| |_ _  ___ ___  _ __
+*    |  __| | |/ _` | __| |/ __/ _ \| '_ \
+*    | |    | | (_| | |_| | (_| (_) | | | |
+*    |_|    |_|\__,_|\__|_|\___\___/|_| |_|
+*
+*         https://www.flaticon.com
+*/
+
+@font-face {
+  font-family: 'flaticon_hvc';
+  src:
+    url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
+    url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
+    url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
+    url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
+    url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
+}
+
+i[class^='flaticon-']:before,
+i[class*=' flaticon-']:before {
+  font-family: flaticon_hvc !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-setting:before {
+  content: '\f101';
+}
+.flaticon-refresh:before {
+  content: '\f102';
+}
+.flaticon-setting-1:before {
+  content: '\f103';
+}
+.flaticon-check:before {
+  content: '\f104';
+}
+.flaticon-bank:before {
+  content: '\f105';
+}
+.flaticon-user:before {
+  content: '\f106';
+}
+.flaticon-user-1:before {
+  content: '\f107';
+}
+.flaticon-info-sign:before {
+  content: '\f108';
+}
+.flaticon-clipboard:before {
+  content: '\f109';
+}
+.flaticon-right-arrow:before {
+  content: '\f10a';
+}
+.flaticon-home:before {
+  content: '\f10b';
+}
+.flaticon-search:before {
+  content: '\f10c';
+}
+.flaticon-eye:before {
+  content: '\f10d';
+}
+.flaticon-edit:before {
+  content: '\f10e';
+}
+.flaticon-delete:before {
+  content: '\f10f';
+}
+.flaticon-add-1:before {
+  content: '\f110';
+}
+.flaticon-plus-1:before {
+  content: '\f111';
+}
+.flaticon-compose:before {
+  content: '\f112';
+}
+.flaticon-trash:before {
+  content: '\f113';
+}
+.flaticon-download:before {
+  content: '\f114';
+}
+.flaticon-downloading:before {
+  content: '\f115';
+}
+.flaticon-upload:before {
+  content: '\f116';
+}
+.flaticon-right-arrow-1:before {
+  content: '\f117';
+}
+.flaticon-user-2:before {
+  content: '\f118';
+}
+.flaticon-man-in-suit-and-tie:before {
+  content: '\f119';
+}
+.flaticon-cancel:before {
+  content: '\f11a';
+}
+.flaticon-check-mark:before {
+  content: '\f11b';
+}
+.flaticon-bars:before {
+  content: '\f11c';
+}
+.flaticon-copy:before {
+  content: '\f11d';
+}
+.flaticon-printer:before {
+  content: '\f11e';
+}
+.flaticon-file:before {
+  content: '\f11f';
+}
+.flaticon-file-1:before {
+  content: '\f120';
+}
+.flaticon-file-2:before {
+  content: '\f121';
+}
+.flaticon-eye-1:before {
+  content: '\f122';
+}
+.flaticon-upload-1:before {
+  content: '\f123';
+}
+.flaticon-production:before {
+  content: '\f124';
+}
+.flaticon-cube:before {
+  content: '\f125';
+}
+.flaticon-rotation:before {
+  content: '\f126';
+}
+.flaticon-rotation-1:before {
+  content: '\f127';
+}
+.flaticon-spinning:before {
+  content: '\f128';
+}
+.flaticon-spinning-1:before {
+  content: '\f129';
+}
+.flaticon-ready-stock:before {
+  content: '\f12a';
+}
+.flaticon-ready-stock-1:before {
+  content: '\f12b';
+}
+.flaticon-visible:before {
+  content: '\f12c';
+}
+.flaticon-printing:before {
+  content: '\f12d';
+}
+.flaticon-like:before {
+  content: '\f12e';
+}
+.flaticon-thumb-up:before {
+  content: '\f12f';
+}
+.flaticon-thumbs-up:before {
+  content: '\f130';
+}
+.flaticon-thumb-down:before {
+  content: '\f131';
+}
+.flaticon-dislike:before {
+  content: '\f132';
+}
+.flaticon-thumb-down-1:before {
+  content: '\f133';
+}
+.flaticon-pointing-right:before {
+  content: '\f134';
+}
+.flaticon-point:before {
+  content: '\f135';
+}
+.flaticon-history:before {
+  content: '\f136';
+}

package/dist/assets/icons/flaticon_hvc.scss

@@ -1,243 +1,243 @@
-$flaticon_hvc-font: 'flaticon_hvc';
-
-@font-face {
-  font-family: $flaticon_hvc-font;
-  src:
-    url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
-    url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
-    url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
-    url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
-    url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
-}
-
-i[class^='flaticon-']:before,
-i[class*=' flaticon-']:before {
-  font-family: flaticon_hvc !important;
-  font-style: normal;
-  font-weight: normal !important;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-$flaticon_hvc-map: (
-  'setting': '\f101',
-  'refresh': '\f102',
-  'setting-1': '\f103',
-  'check': '\f104',
-  'bank': '\f105',
-  'user': '\f106',
-  'user-1': '\f107',
-  'info-sign': '\f108',
-  'clipboard': '\f109',
-  'right-arrow': '\f10a',
-  'home': '\f10b',
-  'search': '\f10c',
-  'eye': '\f10d',
-  'edit': '\f10e',
-  'delete': '\f10f',
-  'add-1': '\f110',
-  'plus-1': '\f111',
-  'compose': '\f112',
-  'trash': '\f113',
-  'download': '\f114',
-  'downloading': '\f115',
-  'upload': '\f116',
-  'right-arrow-1': '\f117',
-  'user-2': '\f118',
-  'man-in-suit-and-tie': '\f119',
-  'cancel': '\f11a',
-  'check-mark': '\f11b',
-  'bars': '\f11c',
-  'copy': '\f11d',
-  'printer': '\f11e',
-  'file': '\f11f',
-  'file-1': '\f120',
-  'file-2': '\f121',
-  'eye-1': '\f122',
-  'upload-1': '\f123',
-  'production': '\f124',
-  'cube': '\f125',
-  'rotation': '\f126',
-  'rotation-1': '\f127',
-  'spinning': '\f128',
-  'spinning-1': '\f129',
-  'ready-stock': '\f12a',
-  'ready-stock-1': '\f12b',
-  'visible': '\f12c',
-  'printing': '\f12d',
-  'like': '\f12e',
-  'thumb-up': '\f12f',
-  'thumbs-up': '\f130',
-  'thumb-down': '\f131',
-  'dislike': '\f132',
-  'thumb-down-1': '\f133',
-  'pointing-right': '\f134',
-  'point': '\f135',
-  'history': '\f136',
-);
-
-.flaticon-setting:before {
-  content: map-get($flaticon_hvc-map, 'setting');
-}
-.flaticon-refresh:before {
-  content: map-get($flaticon_hvc-map, 'refresh');
-}
-.flaticon-setting-1:before {
-  content: map-get($flaticon_hvc-map, 'setting-1');
-}
-.flaticon-check:before {
-  content: map-get($flaticon_hvc-map, 'check');
-}
-.flaticon-bank:before {
-  content: map-get($flaticon_hvc-map, 'bank');
-}
-.flaticon-user:before {
-  content: map-get($flaticon_hvc-map, 'user');
-}
-.flaticon-user-1:before {
-  content: map-get($flaticon_hvc-map, 'user-1');
-}
-.flaticon-info-sign:before {
-  content: map-get($flaticon_hvc-map, 'info-sign');
-}
-.flaticon-clipboard:before {
-  content: map-get($flaticon_hvc-map, 'clipboard');
-}
-.flaticon-right-arrow:before {
-  content: map-get($flaticon_hvc-map, 'right-arrow');
-}
-.flaticon-home:before {
-  content: map-get($flaticon_hvc-map, 'home');
-}
-.flaticon-search:before {
-  content: map-get($flaticon_hvc-map, 'search');
-}
-.flaticon-eye:before {
-  content: map-get($flaticon_hvc-map, 'eye');
-}
-.flaticon-edit:before {
-  content: map-get($flaticon_hvc-map, 'edit');
-}
-.flaticon-delete:before {
-  content: map-get($flaticon_hvc-map, 'delete');
-}
-.flaticon-add-1:before {
-  content: map-get($flaticon_hvc-map, 'add-1');
-}
-.flaticon-plus-1:before {
-  content: map-get($flaticon_hvc-map, 'plus-1');
-}
-.flaticon-compose:before {
-  content: map-get($flaticon_hvc-map, 'compose');
-}
-.flaticon-trash:before {
-  content: map-get($flaticon_hvc-map, 'trash');
-}
-.flaticon-download:before {
-  content: map-get($flaticon_hvc-map, 'download');
-}
-.flaticon-downloading:before {
-  content: map-get($flaticon_hvc-map, 'downloading');
-}
-.flaticon-upload:before {
-  content: map-get($flaticon_hvc-map, 'upload');
-}
-.flaticon-right-arrow-1:before {
-  content: map-get($flaticon_hvc-map, 'right-arrow-1');
-}
-.flaticon-user-2:before {
-  content: map-get($flaticon_hvc-map, 'user-2');
-}
-.flaticon-man-in-suit-and-tie:before {
-  content: map-get($flaticon_hvc-map, 'man-in-suit-and-tie');
-}
-.flaticon-cancel:before {
-  content: map-get($flaticon_hvc-map, 'cancel');
-}
-.flaticon-check-mark:before {
-  content: map-get($flaticon_hvc-map, 'check-mark');
-}
-.flaticon-bars:before {
-  content: map-get($flaticon_hvc-map, 'bars');
-}
-.flaticon-copy:before {
-  content: map-get($flaticon_hvc-map, 'copy');
-}
-.flaticon-printer:before {
-  content: map-get($flaticon_hvc-map, 'printer');
-}
-.flaticon-file:before {
-  content: map-get($flaticon_hvc-map, 'file');
-}
-.flaticon-file-1:before {
-  content: map-get($flaticon_hvc-map, 'file-1');
-}
-.flaticon-file-2:before {
-  content: map-get($flaticon_hvc-map, 'file-2');
-}
-.flaticon-eye-1:before {
-  content: map-get($flaticon_hvc-map, 'eye-1');
-}
-.flaticon-upload-1:before {
-  content: map-get($flaticon_hvc-map, 'upload-1');
-}
-.flaticon-production:before {
-  content: map-get($flaticon_hvc-map, 'production');
-}
-.flaticon-cube:before {
-  content: map-get($flaticon_hvc-map, 'cube');
-}
-.flaticon-rotation:before {
-  content: map-get($flaticon_hvc-map, 'rotation');
-}
-.flaticon-rotation-1:before {
-  content: map-get($flaticon_hvc-map, 'rotation-1');
-}
-.flaticon-spinning:before {
-  content: map-get($flaticon_hvc-map, 'spinning');
-}
-.flaticon-spinning-1:before {
-  content: map-get($flaticon_hvc-map, 'spinning-1');
-}
-.flaticon-ready-stock:before {
-  content: map-get($flaticon_hvc-map, 'ready-stock');
-}
-.flaticon-ready-stock-1:before {
-  content: map-get($flaticon_hvc-map, 'ready-stock-1');
-}
-.flaticon-visible:before {
-  content: map-get($flaticon_hvc-map, 'visible');
-}
-.flaticon-printing:before {
-  content: map-get($flaticon_hvc-map, 'printing');
-}
-.flaticon-like:before {
-  content: map-get($flaticon_hvc-map, 'like');
-}
-.flaticon-thumb-up:before {
-  content: map-get($flaticon_hvc-map, 'thumb-up');
-}
-.flaticon-thumbs-up:before {
-  content: map-get($flaticon_hvc-map, 'thumbs-up');
-}
-.flaticon-thumb-down:before {
-  content: map-get($flaticon_hvc-map, 'thumb-down');
-}
-.flaticon-dislike:before {
-  content: map-get($flaticon_hvc-map, 'dislike');
-}
-.flaticon-thumb-down-1:before {
-  content: map-get($flaticon_hvc-map, 'thumb-down-1');
-}
-.flaticon-pointing-right:before {
-  content: map-get($flaticon_hvc-map, 'pointing-right');
-}
-.flaticon-point:before {
-  content: map-get($flaticon_hvc-map, 'point');
-}
-.flaticon-history:before {
-  content: map-get($flaticon_hvc-map, 'history');
-}
+$flaticon_hvc-font: 'flaticon_hvc';
+
+@font-face {
+  font-family: $flaticon_hvc-font;
+  src:
+    url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
+    url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
+    url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
+    url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
+    url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
+}
+
+i[class^='flaticon-']:before,
+i[class*=' flaticon-']:before {
+  font-family: flaticon_hvc !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+$flaticon_hvc-map: (
+  'setting': '\f101',
+  'refresh': '\f102',
+  'setting-1': '\f103',
+  'check': '\f104',
+  'bank': '\f105',
+  'user': '\f106',
+  'user-1': '\f107',
+  'info-sign': '\f108',
+  'clipboard': '\f109',
+  'right-arrow': '\f10a',
+  'home': '\f10b',
+  'search': '\f10c',
+  'eye': '\f10d',
+  'edit': '\f10e',
+  'delete': '\f10f',
+  'add-1': '\f110',
+  'plus-1': '\f111',
+  'compose': '\f112',
+  'trash': '\f113',
+  'download': '\f114',
+  'downloading': '\f115',
+  'upload': '\f116',
+  'right-arrow-1': '\f117',
+  'user-2': '\f118',
+  'man-in-suit-and-tie': '\f119',
+  'cancel': '\f11a',
+  'check-mark': '\f11b',
+  'bars': '\f11c',
+  'copy': '\f11d',
+  'printer': '\f11e',
+  'file': '\f11f',
+  'file-1': '\f120',
+  'file-2': '\f121',
+  'eye-1': '\f122',
+  'upload-1': '\f123',
+  'production': '\f124',
+  'cube': '\f125',
+  'rotation': '\f126',
+  'rotation-1': '\f127',
+  'spinning': '\f128',
+  'spinning-1': '\f129',
+  'ready-stock': '\f12a',
+  'ready-stock-1': '\f12b',
+  'visible': '\f12c',
+  'printing': '\f12d',
+  'like': '\f12e',
+  'thumb-up': '\f12f',
+  'thumbs-up': '\f130',
+  'thumb-down': '\f131',
+  'dislike': '\f132',
+  'thumb-down-1': '\f133',
+  'pointing-right': '\f134',
+  'point': '\f135',
+  'history': '\f136',
+);
+
+.flaticon-setting:before {
+  content: map-get($flaticon_hvc-map, 'setting');
+}
+.flaticon-refresh:before {
+  content: map-get($flaticon_hvc-map, 'refresh');
+}
+.flaticon-setting-1:before {
+  content: map-get($flaticon_hvc-map, 'setting-1');
+}
+.flaticon-check:before {
+  content: map-get($flaticon_hvc-map, 'check');
+}
+.flaticon-bank:before {
+  content: map-get($flaticon_hvc-map, 'bank');
+}
+.flaticon-user:before {
+  content: map-get($flaticon_hvc-map, 'user');
+}
+.flaticon-user-1:before {
+  content: map-get($flaticon_hvc-map, 'user-1');
+}
+.flaticon-info-sign:before {
+  content: map-get($flaticon_hvc-map, 'info-sign');
+}
+.flaticon-clipboard:before {
+  content: map-get($flaticon_hvc-map, 'clipboard');
+}
+.flaticon-right-arrow:before {
+  content: map-get($flaticon_hvc-map, 'right-arrow');
+}
+.flaticon-home:before {
+  content: map-get($flaticon_hvc-map, 'home');
+}
+.flaticon-search:before {
+  content: map-get($flaticon_hvc-map, 'search');
+}
+.flaticon-eye:before {
+  content: map-get($flaticon_hvc-map, 'eye');
+}
+.flaticon-edit:before {
+  content: map-get($flaticon_hvc-map, 'edit');
+}
+.flaticon-delete:before {
+  content: map-get($flaticon_hvc-map, 'delete');
+}
+.flaticon-add-1:before {
+  content: map-get($flaticon_hvc-map, 'add-1');
+}
+.flaticon-plus-1:before {
+  content: map-get($flaticon_hvc-map, 'plus-1');
+}
+.flaticon-compose:before {
+  content: map-get($flaticon_hvc-map, 'compose');
+}
+.flaticon-trash:before {
+  content: map-get($flaticon_hvc-map, 'trash');
+}
+.flaticon-download:before {
+  content: map-get($flaticon_hvc-map, 'download');
+}
+.flaticon-downloading:before {
+  content: map-get($flaticon_hvc-map, 'downloading');
+}
+.flaticon-upload:before {
+  content: map-get($flaticon_hvc-map, 'upload');
+}
+.flaticon-right-arrow-1:before {
+  content: map-get($flaticon_hvc-map, 'right-arrow-1');
+}
+.flaticon-user-2:before {
+  content: map-get($flaticon_hvc-map, 'user-2');
+}
+.flaticon-man-in-suit-and-tie:before {
+  content: map-get($flaticon_hvc-map, 'man-in-suit-and-tie');
+}
+.flaticon-cancel:before {
+  content: map-get($flaticon_hvc-map, 'cancel');
+}
+.flaticon-check-mark:before {
+  content: map-get($flaticon_hvc-map, 'check-mark');
+}
+.flaticon-bars:before {
+  content: map-get($flaticon_hvc-map, 'bars');
+}
+.flaticon-copy:before {
+  content: map-get($flaticon_hvc-map, 'copy');
+}
+.flaticon-printer:before {
+  content: map-get($flaticon_hvc-map, 'printer');
+}
+.flaticon-file:before {
+  content: map-get($flaticon_hvc-map, 'file');
+}
+.flaticon-file-1:before {
+  content: map-get($flaticon_hvc-map, 'file-1');
+}
+.flaticon-file-2:before {
+  content: map-get($flaticon_hvc-map, 'file-2');
+}
+.flaticon-eye-1:before {
+  content: map-get($flaticon_hvc-map, 'eye-1');
+}
+.flaticon-upload-1:before {
+  content: map-get($flaticon_hvc-map, 'upload-1');
+}
+.flaticon-production:before {
+  content: map-get($flaticon_hvc-map, 'production');
+}
+.flaticon-cube:before {
+  content: map-get($flaticon_hvc-map, 'cube');
+}
+.flaticon-rotation:before {
+  content: map-get($flaticon_hvc-map, 'rotation');
+}
+.flaticon-rotation-1:before {
+  content: map-get($flaticon_hvc-map, 'rotation-1');
+}
+.flaticon-spinning:before {
+  content: map-get($flaticon_hvc-map, 'spinning');
+}
+.flaticon-spinning-1:before {
+  content: map-get($flaticon_hvc-map, 'spinning-1');
+}
+.flaticon-ready-stock:before {
+  content: map-get($flaticon_hvc-map, 'ready-stock');
+}
+.flaticon-ready-stock-1:before {
+  content: map-get($flaticon_hvc-map, 'ready-stock-1');
+}
+.flaticon-visible:before {
+  content: map-get($flaticon_hvc-map, 'visible');
+}
+.flaticon-printing:before {
+  content: map-get($flaticon_hvc-map, 'printing');
+}
+.flaticon-like:before {
+  content: map-get($flaticon_hvc-map, 'like');
+}
+.flaticon-thumb-up:before {
+  content: map-get($flaticon_hvc-map, 'thumb-up');
+}
+.flaticon-thumbs-up:before {
+  content: map-get($flaticon_hvc-map, 'thumbs-up');
+}
+.flaticon-thumb-down:before {
+  content: map-get($flaticon_hvc-map, 'thumb-down');
+}
+.flaticon-dislike:before {
+  content: map-get($flaticon_hvc-map, 'dislike');
+}
+.flaticon-thumb-down-1:before {
+  content: map-get($flaticon_hvc-map, 'thumb-down-1');
+}
+.flaticon-pointing-right:before {
+  content: map-get($flaticon_hvc-map, 'pointing-right');
+}
+.flaticon-point:before {
+  content: map-get($flaticon_hvc-map, 'point');
+}
+.flaticon-history:before {
+  content: map-get($flaticon_hvc-map, 'history');
+}

package/dist/components/Form/FormConstants.esm.js

@@ -12,6 +12,7 @@ const useFormValidatingContext = (formArray) => {
     formArray.forEach((field) => {
         switch (field.inputType) {
             case 'text':
+            case 'input-select':
                 initialValues[field.name] = '';
                 if (field.required && field.errorMessage) {
                     validationShape[field.name] = (validationShape[field.name] || Yup.string())

package/dist/components/Form/FormRender.esm.js

@@ -1,17 +1,18 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { lazy, Suspense } from 'react';
-import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
-import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
-import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
-import FormActiveSwitch from './FormActiveSwitch.esm.js';
-import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
 import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
-import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
 import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
-import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
 import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
-import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
+import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
+import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
+import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
 import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
+import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
+import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
+import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
+import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
+import FormActiveSwitch from './FormActiveSwitch.esm.js';
+import FormTextFieldWithSelect from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js';
 
 // Lazy-loaded heavy components
 const RichTextEditorWrapper = lazy(() => import('../RichTextEditor/index.esm.js').then((m) => ({ default: m.RichTextEditorWrapper })));
@@ -78,6 +79,8 @@ const RenderForm = (props) => {
         case 'select-v2':
         case 'basic-select': // new alias
             return jsx(SingleSelectNonAutoComplete, { props: props, variant: variant });
+        case 'input-select':
+            return jsx(FormTextFieldWithSelect, { props: props, variant: variant });
         // Numeric inputs (integer, pincode, phone)
         case 'number':
         case 'pincode':

package/dist/components/Form/FormRenderWrapper.esm.js

@@ -21,7 +21,7 @@ const FormRenderWrapper = ({ formArray, name = '', numberOfColumns = 3, form, va
      * Maps through the form array and renders each item with appropriate configuration
      */
     return (jsx(FormComponent, { container: true, margin: 'auto', children: formArray.map((item, i) => {
-            return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
+            return (item.inputType && (jsx(Formitem, { container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns, children: item.inputType === 'custom' ? (item.FormElement || jsx(Fragment, {})) : (jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue, watch: form.watch, variant: variant, fieldError: fieldError })) }, `${name}_${i}`)));
         }) }));
 };
 /**

package/dist/components/FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.d.ts

@@ -0,0 +1,43 @@
+import { FormRenderProps, VariantProps } from '../../../utils';
+/**
+ * FormTextField Component
+ *
+ * A text input field component that integrates with react-hook-form for form state management.
+ * This component is used for standard text inputs, email inputs, and multi-email inputs.
+ *
+ * @component
+ * @param {Object} props - The component props
+ * @param {FormRenderProps} props.props - Form rendering properties from parent form
+ * @param {VariantProps} props.variant - UI variant style ('standard', 'outlined', etc.)
+ *
+ * @example
+ * // Basic usage in FormRender
+ * <FormTextField props={formRenderProps} variant="outlined" />
+ *
+ * @example
+ * // Usage with specific configuration
+ * const formItem = {
+ *   name: "email",
+ *   label: "Email Address",
+ *   inputType: "email",
+ *   required: true,
+ *   placeholder: "Enter your email"
+ * };
+ * <FormTextField
+ *   props={{
+ *     item: formItem,
+ *     control: formMethods.control,
+ *     errors: formMethods.formState.errors
+ *   }}
+ *   variant="outlined"
+ * />
+ */
+declare const FormTextFieldWithSelect: ({ props, variant, }: {
+    props: FormRenderProps;
+    variant: VariantProps;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Export the FormTextField component for use in the form renderer
+ * This component is used for text, email, and multi-email input types
+ */
+export default FormTextFieldWithSelect;

package/dist/components/FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Controller } from 'react-hook-form';
+import FormBottomField from '../FormBottomField/FormBottomField.esm.js';
+import 'dayjs';
+import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
+import { Box, TextField, Select, MenuItem } from '@mui/material';
+
+/**
+ * FormTextField Component
+ *
+ * A text input field component that integrates with react-hook-form for form state management.
+ * This component is used for standard text inputs, email inputs, and multi-email inputs.
+ *
+ * @component
+ * @param {Object} props - The component props
+ * @param {FormRenderProps} props.props - Form rendering properties from parent form
+ * @param {VariantProps} props.variant - UI variant style ('standard', 'outlined', etc.)
+ *
+ * @example
+ * // Basic usage in FormRender
+ * <FormTextField props={formRenderProps} variant="outlined" />
+ *
+ * @example
+ * // Usage with specific configuration
+ * const formItem = {
+ *   name: "email",
+ *   label: "Email Address",
+ *   inputType: "email",
+ *   required: true,
+ *   placeholder: "Enter your email"
+ * };
+ * <FormTextField
+ *   props={{
+ *     item: formItem,
+ *     control: formMethods.control,
+ *     errors: formMethods.formState.errors
+ *   }}
+ *   variant="outlined"
+ * />
+ */
+const FormTextFieldWithSelect = ({ props, variant, }) => {
+    // Using fieldState.error directly from Controller render; no local isError needed
+    // Removed fieldError gating: error border now shows whenever there is a validation error
+    /**
+     * Generates the field label based on variant type
+     * For non-standard variants, appends an asterisk if the field is required
+     */
+    const label = variant !== 'standard' ? `${props.item.label}${props.item.required ? ' *' : ''}` : '';
+    /**
+     * Handles input events with various text restrictions
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} e - The input event object
+     *
+     * @remarks
+     * - Removes spaces if donotAllowSpace is true
+     * - Removes special characters if allowSpecialChars is false
+     * - Prevents input that starts with a space
+     * - Calls custom onInputProps handler if provided
+     */
+    const onInput = (e) => {
+        const filteredValue = e.target.value.replace(/[^a-zA-Z0-9.]/g, '');
+        e.target.value = filteredValue;
+        props.item.onInputProps && props.item.onInputProps(e);
+    };
+    /**
+     * Renders the text field component using react-hook-form's Controller
+     * for controlled form state management
+     */
+    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field, fieldState }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsxs(Box, { sx: { display: 'flex', width: '100%' }, children: [jsx(TextField, { ...field, fullWidth: true, autoFocus: props.item.autoFocus, error: !!fieldState.error, label: label, placeholder: props.item.placeholder || '', autoComplete: "off", sx: {
+                                ...props.item.sx,
+                                '& .MuiOutlinedInput-root': {
+                                    borderTopRightRadius: 0,
+                                    borderBottomRightRadius: 0,
+                                    borderRight: 'none',
+                                },
+                            }, value: field.value || '', size: "small", disabled: props.item.disable, onBlur: (e) => {
+                                props?.item?.onBlurFn && props?.item?.onBlurFn(e);
+                            }, inputProps: {
+                                ...{
+                                    maxLength: props.item.maxLength || 100,
+                                    onInput: onInput,
+                                    onPaste: (e) => {
+                                        if (props.item.doNotAllowPaste)
+                                            e.preventDefault();
+                                    },
+                                },
+                                'aria-labelledby': `${props.item.name}-label`,
+                                'aria-describedby': `${props.item.name}-helper ${props.item.name}-error`,
+                                'aria-required': props.item.required ? true : undefined,
+                            } }), jsx(Controller, { control: props.control, name: `${props.item.name}SelectValue`, render: ({ field: selectField }) => (jsx(Select, { ...selectField, value: selectField.value || '', size: "small", sx: {
+                                    // '& .MuiOutlinedInput-root': {
+                                    borderTopLeftRadius: 0,
+                                    borderBottomLeftRadius: 0,
+                                    minWidth: '120px',
+                                    borderLeft: 'none',
+                                    // },
+                                }, disabled: props.item.disable, error: !!fieldState.error, children: props?.item?.options?.map((item) => {
+                                    return (jsx(MenuItem, { value: item.value, children: item.label }, item.value));
+                                }) })) })] }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
+};
+
+export { FormTextFieldWithSelect as default };

package/dist/components/FormComponents/index.esm.js

@@ -1,24 +1,38 @@
-export { default as SingleSelect } from './Select/SingleSelect.esm.js';
-export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
-export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
-export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
 export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
 export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
 export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
 export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
 export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
 export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
+export { default as SingleSelect } from './Select/SingleSelect.esm.js';
+export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
+export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
+export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
 export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
 export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
 export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
 export { default as MonthPicker } from './DatePicker/MonthPicker.esm.js';
 export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
+export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
 export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
 export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
 export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';
+import 'react-hook-form';
+import 'dayjs';
+export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
+import '@mui/icons-material/Visibility';
+import '@mui/icons-material/Close';
+import '@mui/icons-material/NavigateBefore';
+import '@mui/icons-material/NavigateNext';
+import '@mui/icons-material/Delete';
+import '@mui/icons-material/UploadFile';
+import '@mui/icons-material/PictureAsPdf';
+import '@mui/icons-material/TableChart';
+import '@mui/icons-material/Description';
 export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
 export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
-export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
 export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
 export { default as HelperText } from './HelperText/HelperText.esm.js';
-export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';

package/dist/components/Global.styles.esm.js

@@ -1,79 +1,79 @@
 import { styled } from '@mui/material/styles';
 import { Button, Typography, Grid, Dialog, DialogTitle } from '@mui/material';
 
-styled(Button) `
-  border: 0;
-  color: #fff;
-  position: absolute;
-  text-align: center;
-  padding: 5px 12px;
-  font-size: 13px;
-  height: 30px;
-  right: -38px;
-  text-transform: none;
-  z-index: 2;
-  border-radius: 10px 0px 0px 10px;
-  &:hover {
-    right: 0px;
-  }
+styled(Button) `
+  border: 0;
+  color: #fff;
+  position: absolute;
+  text-align: center;
+  padding: 5px 12px;
+  font-size: 13px;
+  height: 30px;
+  right: -38px;
+  text-transform: none;
+  z-index: 2;
+  border-radius: 10px 0px 0px 10px;
+  &:hover {
+    right: 0px;
+  }
 `;
-const SubmitButton = styled(Button) `
-  text-transform: none;
+const SubmitButton = styled(Button) `
+  text-transform: none;
 `;
-const CancelButton = styled(Button) `
-  text-transform: none;
-  color: #000;
-  background: #ececee;
-  &:hover {
-    background: #0009;
-    color: #fff;
-  }
+const CancelButton = styled(Button) `
+  text-transform: none;
+  color: #000;
+  background: #ececee;
+  &:hover {
+    background: #0009;
+    color: #fff;
+  }
 `;
-const SaveAsDraftButton = styled(Button) `
-  text-transform: none;
-  font-size: 12px;
-  background: orange;
-  &:hover {
-    background: orange;
-  }
+const SaveAsDraftButton = styled(Button) `
+  text-transform: none;
+  font-size: 12px;
+  background: orange;
+  &:hover {
+    background: orange;
+  }
 `;
 styled(Typography) ``;
 styled(Grid, {
     shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'noOfColumn',
-}) `
-  flex-direction: column;
-  margin-bottom: 8px;
-  min-width: 10%;
-  padding-left: 0px;
-  z-index: 2;
-  padding-right: 0px;
-  border: 1px solid #0003;
-  font-size: 12px;
-  padding: 6px;
-  text-align: center;
-  &:hover {
-    cursor: pointer;
-  }
+}) `
+  flex-direction: column;
+  margin-bottom: 8px;
+  min-width: 10%;
+  padding-left: 0px;
+  z-index: 2;
+  padding-right: 0px;
+  border: 1px solid #0003;
+  font-size: 12px;
+  padding: 6px;
+  text-align: center;
+  &:hover {
+    cursor: pointer;
+  }
 `;
-const DialogContainer = styled(Dialog) `
-  position: fixed;
-  top: -16px;
-  left: 0;
-  right: 0;
-  bottom: auto;
-  & .css-tlc64q-MuiPaper-root-MuiDialog-paper,
-  .css-mbdu2s {
-    max-width: 900px;
-  }
+const DialogContainer = styled(Dialog) `
+  position: fixed;
+  top: -16px;
+  left: 0;
+  right: 0;
+  bottom: auto;
+  & .css-tlc64q-MuiPaper-root-MuiDialog-paper,
+  .css-mbdu2s {
+    max-width: 900px;
+  }
 `;
-const DialogTitleWrapper = styled(DialogTitle) `
-  padding: 8px 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  cursor: move;
-  border-bottom: 1px solid rgb(229 231 235 / 1);
+const DialogTitleWrapper = styled(DialogTitle) `
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  cursor: move;
+  border-bottom: 1px solid rgb(229 231 235 / 1);
 `;
 
 export { CancelButton, DialogContainer, DialogTitleWrapper, SaveAsDraftButton, SubmitButton };

package/dist/components/TextFieldWithSelect/index.d.ts

@@ -0,0 +1 @@
+export { default as FormTextFieldWithSelect } from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect';

package/dist/components/TextFieldWithSelect/index.esm.js

@@ -0,0 +1 @@
+export { default as FormTextFieldWithSelect } from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js';

package/dist/utils/Interface/FormInterface.d.ts

@@ -10,7 +10,7 @@ export interface TextFieldInputProps {
 export interface FormSectionPropsItem {
     name: string;
     label: string;
-    inputType: 'text' | 'password' | 'number' | 'select' | 'autocomplete-select' | 'autocomplete-multi-select' | 'datepicker' | 'multiselect' | 'select-v2' | 'basic-select' | 'decimal' | 'alpha-numerical' | 'yearpicker' | 'dateRangePicker' | 'monthpicker' | 'multiselect' | 'file' | 'multifile' | 'multifile-with-preview' | 'textarea' | 'phoneNumber' | 'pincode' | 'email' | 'toggleSwitch' | 'rich-text-editor' | 'multiEmail' | 'timepicker' | 'checkbox-group' | 'radio-group' | 'checkbox' | 'custom' | '';
+    inputType: 'text' | 'password' | 'number' | 'select' | 'autocomplete-select' | 'autocomplete-multi-select' | 'datepicker' | 'multiselect' | 'select-v2' | 'basic-select' | 'decimal' | 'alpha-numerical' | 'yearpicker' | 'dateRangePicker' | 'monthpicker' | 'multiselect' | 'file' | 'multifile' | 'multifile-with-preview' | 'textarea' | 'phoneNumber' | 'pincode' | 'email' | 'toggleSwitch' | 'rich-text-editor' | 'multiEmail' | 'timepicker' | 'checkbox-group' | 'radio-group' | 'checkbox' | 'custom' | 'input-select' | '';
     options?: OptionsProps[];
     required?: boolean;
     errorMessage?: string;
@@ -73,6 +73,7 @@ export interface FormRenderProps {
     getValues: any;
     clearErrors: any;
     setValue: any;
+    watch?: any;
     variant?: VariantProps;
     fieldError?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tp-react-elements-dev",
-  "version": "1.12.34",
+  "version": "1.13.0",
   "private": false,
   "type": "module",
   "description": "React form components library built with React Hook Form and Yup",