mimir-ui-kit 0.0.24 → 1.0.0

package/README.md

@@ -1,29 +1,54 @@
 # Mimir-ui
 
 ## Установка и запуск проекта
+
 1. Установите зависимости:
    ```bash
    npm install
+   ```
 2. Запуск storybook
-    ```bash
+   ```bash
    npm run storybook
+   ```
+
 ## Сборка проекта
+
 1. Скрипт для сборки
-    ```bash
-    npm run build
+   ```bash
+   npm run build
+   ```
+
 ## Поднятие версии для публикации на npm
+
 Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
 
 1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
-     ```bash
-    npm version patch
+   ```bash
+   npm version patch
+   ```
 2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
-     ```bash
-    npm version minor
+   ```bash
+   npm version minor
+   ```
 3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
-     ```bash
-    npm version major
+   ```bash
+   npm version major
+   ```
+
 ## Публикация на npm
+
 1. Скрипт для публикации на npm:
-    ```bash
-    npm publish
+   ```bash
+   npm publish
+   ```
+
+## Ручная Генерация иконок
+
+1. Экспортируем с фигмы иконку.
+2. Добавляем ее в папку svgs.
+3. Запускаем скрипт:
+   ```bash
+   npm run icons
+   ```
+4. Смотрим в папку `icons/components`
+5. Готово.

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_r2t0t_1{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:600;font-size:14px;font-family:var(--font-inter);line-height:16px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._xs_r2t0t_29{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._s_r2t0t_37{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._m_r2t0t_45{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-m)}._l_r2t0t_53{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_r2t0t_61{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_r2t0t_70{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._default-button_r2t0t_78._primary-sapphire_r2t0t_78{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._primary-citrine_r2t0t_87{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._secondary-asphalt_r2t0t_96{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._secondary-gray_r2t0t_105{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_r2t0t_78._secondary-white_r2t0t_114{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_r2t0t_78._secondary-red_r2t0t_123{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_r2t0t_133{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_r2t0t_133._black_r2t0t_140{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_r2t0t_133._gray_r2t0t_149{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_r2t0t_133._white_r2t0t_158{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._button_r2t0t_1:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_r2t0t_1:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_r2t0t_1:focus{box-shadow:0 0 2px var(--sapphire-normal)}._full_r2t0t_182{display:block;width:100%}._disabled_r2t0t_187{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_r2t0t_187:hover,._disabled_r2t0t_187:active,._disabled_r2t0t_187:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._right-icon_r2t0t_198,._left-icon_r2t0t_199{align-self:center}._right-icon_r2t0t_198{margin-left:var(--button-margin-icon)}._left-icon_r2t0t_199{margin-right:var(--button-margin-icon)}
+._button_p07k5_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:600;font-size:14px;font-family:var(--font-inter);line-height:16px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._xs_p07k5_30{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._s_p07k5_38{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._m_p07k5_46{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-m)}._l_p07k5_54{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_p07k5_62{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_p07k5_71{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._default-button_p07k5_79._primary-sapphire_p07k5_79{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._primary-citrine_p07k5_88{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._secondary-asphalt_p07k5_97{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_p07k5_79._secondary-gray_p07k5_106{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_p07k5_79._secondary-white_p07k5_115{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_p07k5_79._secondary-red_p07k5_124{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_p07k5_134{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_p07k5_134._black_p07k5_141{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_p07k5_134._gray_p07k5_150{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_p07k5_134._white_p07k5_159{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._button_p07k5_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_p07k5_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_p07k5_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._full_p07k5_183{display:block;width:100%}._disabled_p07k5_188{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_p07k5_188:hover,._disabled_p07k5_188:active,._disabled_p07k5_188:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._right-icon_p07k5_199,._left-icon_p07k5_200{align-self:center}._right-icon_p07k5_199{margin-left:var(--button-margin-icon)}._left-icon_p07k5_200{margin-right:var(--button-margin-icon)}

package/dist/assets/Input.css

@@ -1 +1 @@
-._input_1k42j_1{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;padding-inline:var(--input-padding) var(--input-padding);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);font-feature-settings:"zero";transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._s_1k42j_27{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .8;--label-spacing: var(--space-1xs)}._m_1k42j_38{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-xs)}._l_1k42j_49{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_1k42j_60{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1k42j_72{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--dark-text)}._default-white_1k42j_72::-moz-placeholder{color:var(--input-color)}._default-white_1k42j_72::placeholder{color:var(--input-color)}._default-white_1k42j_72:hover::-moz-placeholder{color:var(--input-color)}._default-white_1k42j_72:hover::placeholder{color:var(--input-color)}._success_1k42j_90{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1k42j_90::-moz-placeholder{color:var(--input-color)}._success_1k42j_90::placeholder{color:var(--input-color)}._success_1k42j_90:hover::-moz-placeholder{color:var(--input-color)}._success_1k42j_90:hover::placeholder{color:var(--input-color)}._alarm_1k42j_108{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1k42j_108::-moz-placeholder{color:var(--input-color)}._alarm_1k42j_108::placeholder{color:var(--input-color)}._alarm_1k42j_108:hover::-moz-placeholder{color:var(--input-color)}._alarm_1k42j_108:hover::placeholder{color:var(--input-color)}._error_1k42j_126{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1k42j_126::-moz-placeholder{color:var(--input-color)}._error_1k42j_126::placeholder{color:var(--input-color)}._error_1k42j_126:hover::-moz-placeholder{color:var(--input-color)}._error_1k42j_126:hover::placeholder{color:var(--input-color)}._input_1k42j_1:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_1k42j_1:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._disabled_1k42j_155{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_1k42j_155:hover,._disabled_1k42j_155:active,._disabled_1k42j_155:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1k42j_155::-moz-placeholder{color:var(--light-text)}._disabled_1k42j_155::placeholder{color:var(--light-text)}._disabled_1k42j_155:hover::-moz-placeholder{color:var(--light-text)}._disabled_1k42j_155:hover::placeholder{color:var(--light-text)}._input-wrapper_1k42j_173{position:relative}._has-label_1k42j_177{padding-top:var(--input-padding-position)}._label_1k42j_181{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;background-color:var(--color-background);transform-origin:left center;cursor:var(--input-cursor);transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._label_1k42j_181._active-label_1k42j_196{transform:scale(var(--label-scaled)) translateY(calc((var(--input-height) / 2 - var(--label-font-size) / 2) * -1))}
+._input-wrapper_isq93_2{position:relative}._input-wrapper_isq93_2 ._label_isq93_5{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;transform-origin:left center;transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._input-wrapper_isq93_2 ._label_isq93_5._active-label_isq93_18{transform:scale(var(--label-scaled)) translateY(calc((var(--input-height) / 2 - var(--label-font-size) / 2) * -1))}._input-wrapper_isq93_2:hover ._label_isq93_5,._input-wrapper_isq93_2:focus-within ._label_isq93_5{color:var(--label-color)}._input_isq93_2{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;padding-inline:var(--input-padding) var(--input-padding);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);font-feature-settings:"zero";transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_isq93_2:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_isq93_2:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._s_isq93_60{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .8;--label-spacing: var(--space-1xs)}._m_isq93_71{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-xs)}._l_isq93_5{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_isq93_93{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_isq93_105:hover{--label-color: var(--dark-text)}._success_isq93_120{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_isq93_120::-moz-placeholder{color:var(--input-color)}._success_isq93_120::placeholder{color:var(--input-color)}._success_isq93_120:hover::-moz-placeholder{color:var(--input-color)}._success_isq93_120:hover::placeholder{color:var(--input-color)}._alarm_isq93_138{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_isq93_138::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138::placeholder{color:var(--input-color)}._alarm_isq93_138:hover::-moz-placeholder{color:var(--input-color)}._alarm_isq93_138:hover::placeholder{color:var(--input-color)}._error_isq93_156{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_isq93_156::-moz-placeholder{color:var(--input-color)}._error_isq93_156::placeholder{color:var(--input-color)}._error_isq93_156:hover::-moz-placeholder{color:var(--input-color)}._error_isq93_156:hover::placeholder{color:var(--input-color)}._disabled_isq93_174{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_isq93_174:hover,._disabled_isq93_174:active,._disabled_isq93_174:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_isq93_174::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174::placeholder{color:var(--light-text)}._disabled_isq93_174:hover::-moz-placeholder{color:var(--light-text)}._disabled_isq93_174:hover::placeholder{color:var(--light-text)}._has-label_isq93_192{padding-top:var(--input-padding-position)}

package/dist/assets/InputPassword.css

@@ -1 +1 @@
-._input_1vatm_1{padding-right:var(--space-3xl)}._wrapper_1vatm_5{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_1vatm_5 svg{color:inherit;fill:inherit}._input-wrapper_1vatm_16{flex:1}._button-wrapper_1vatm_20{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1vatm_20{flex:1;align-self:center;background-color:transparent;border-radius:8px}
+._input_68wyu_2{padding-right:var(--space-3xl)}._wrapper_68wyu_6{position:relative;display:flex;align-items:center;border-radius:8px}._input-wrapper_68wyu_13{flex:1}._button-wrapper_68wyu_17{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_68wyu_17{flex:1;align-self:center;background-color:transparent;border-radius:8px}

package/dist/assets/OtpInput.css

@@ -1 +1 @@
-._otp_jnjdw_2{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 767px){._otp_jnjdw_2{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_jnjdw_14{flex:0 0 64px;padding:0}@media (max-width: 767px){._input-wrapper_jnjdw_14{flex:0 0 48px}}._input_jnjdw_14{text-align:center}._separator_jnjdw_28{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}
+._otp_1f72t_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 767px){._otp_1f72t_3{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_1f72t_15{flex:0 0 64px;padding:0}@media (max-width: 767px){._input-wrapper_1f72t_15{flex:0 0 48px}}._input_1f72t_15{text-align:center}._separator_1f72t_29{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}

package/dist/components/Button/Button.js

@@ -2,18 +2,18 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { EButtonVariantDefault, EButtonForm } from "./constants.js";
-import '../../assets/Button.css';const button = "_button_r2t0t_1";
-const xs = "_xs_r2t0t_29";
-const s = "_s_r2t0t_37";
-const m = "_m_r2t0t_45";
-const l = "_l_r2t0t_53";
-const xl = "_xl_r2t0t_61";
-const xxl = "_xxl_r2t0t_70";
-const black = "_black_r2t0t_140";
-const gray = "_gray_r2t0t_149";
-const white = "_white_r2t0t_158";
-const full = "_full_r2t0t_182";
-const disabled = "_disabled_r2t0t_187";
+import '../../assets/Button.css';const button = "_button_p07k5_2";
+const xs = "_xs_p07k5_30";
+const s = "_s_p07k5_38";
+const m = "_m_p07k5_46";
+const l = "_l_p07k5_54";
+const xl = "_xl_p07k5_62";
+const xxl = "_xxl_p07k5_71";
+const black = "_black_p07k5_141";
+const gray = "_gray_p07k5_150";
+const white = "_white_p07k5_159";
+const full = "_full_p07k5_183";
+const disabled = "_disabled_p07k5_188";
 const cls = {
   button,
   xs,
@@ -22,21 +22,21 @@ const cls = {
   l,
   xl,
   xxl,
-  "default-button": "_default-button_r2t0t_78",
-  "primary-sapphire": "_primary-sapphire_r2t0t_78",
-  "primary-citrine": "_primary-citrine_r2t0t_87",
-  "secondary-asphalt": "_secondary-asphalt_r2t0t_96",
-  "secondary-gray": "_secondary-gray_r2t0t_105",
-  "secondary-white": "_secondary-white_r2t0t_114",
-  "secondary-red": "_secondary-red_r2t0t_123",
-  "round-button": "_round-button_r2t0t_133",
+  "default-button": "_default-button_p07k5_79",
+  "primary-sapphire": "_primary-sapphire_p07k5_79",
+  "primary-citrine": "_primary-citrine_p07k5_88",
+  "secondary-asphalt": "_secondary-asphalt_p07k5_97",
+  "secondary-gray": "_secondary-gray_p07k5_106",
+  "secondary-white": "_secondary-white_p07k5_115",
+  "secondary-red": "_secondary-red_p07k5_124",
+  "round-button": "_round-button_p07k5_134",
   black,
   gray,
   white,
   full,
   disabled,
-  "right-icon": "_right-icon_r2t0t_198",
-  "left-icon": "_left-icon_r2t0t_199"
+  "right-icon": "_right-icon_p07k5_199",
+  "left-icon": "_left-icon_p07k5_200"
 };
 const Button = forwardRef(
   (props, ref) => {

package/dist/components/Input/Input.js

@@ -2,30 +2,30 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useEffect } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { EInputVariant } from "./constants.js";
-import '../../assets/Input.css';const input = "_input_1k42j_1";
-const s = "_s_1k42j_27";
-const m = "_m_1k42j_38";
-const l = "_l_1k42j_49";
-const success = "_success_1k42j_90";
-const alarm = "_alarm_1k42j_108";
-const error = "_error_1k42j_126";
-const disabled = "_disabled_1k42j_155";
-const label = "_label_1k42j_181";
+import '../../assets/Input.css';const label = "_label_isq93_5";
+const input = "_input_isq93_2";
+const s = "_s_isq93_60";
+const m = "_m_isq93_71";
+const l = "_l_isq93_5";
+const success = "_success_isq93_120";
+const alarm = "_alarm_isq93_138";
+const error = "_error_isq93_156";
+const disabled = "_disabled_isq93_174";
 const cls = {
+  "input-wrapper": "_input-wrapper_isq93_2",
+  label,
+  "active-label": "_active-label_isq93_18",
   input,
   s,
   m,
   l,
-  "default-gray": "_default-gray_1k42j_60",
-  "default-white": "_default-white_1k42j_72",
+  "default-gray": "_default-gray_isq93_93",
+  "default-white": "_default-white_isq93_105",
   success,
   alarm,
   error,
   disabled,
-  "input-wrapper": "_input-wrapper_1k42j_173",
-  "has-label": "_has-label_1k42j_177",
-  label,
-  "active-label": "_active-label_1k42j_196"
+  "has-label": "_has-label_isq93_192"
 };
 const Input = memo(
   forwardRef(
@@ -38,6 +38,7 @@ const Input = memo(
         type = "text",
         autofocus,
         readonly,
+        id,
         onFocus,
         onBlur,
         label: label2,
@@ -84,22 +85,33 @@ const Input = memo(
         cls[variant],
         cls[size]
       ]);
-      return /* @__PURE__ */ jsxs("div", { className: classNames(cls["input-wrapper"], wrapperClassName), children: [
-        label2 && /* @__PURE__ */ jsx("label", { className: labelClassNames, children: label2 }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            type,
-            className: inputClassNames,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            readOnly: readonly,
-            value,
-            ...otherProps
-          }
-        )
-      ] });
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: classNames(
+            cls["input-wrapper"],
+            cls[variant],
+            wrapperClassName
+          ),
+          children: [
+            label2 && /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelClassNames, children: label2 }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref,
+                type,
+                id,
+                className: inputClassNames,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                readOnly: readonly,
+                value,
+                ...otherProps
+              }
+            )
+          ]
+        }
+      );
     }
   )
 );

package/dist/components/InputPassword/InputPassword.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState } from "react";
 import { Input } from "../Input/Input.js";
-import { Eye } from "../icons/Eye.js";
-import '../../assets/InputPassword.css';const input = "_input_1vatm_1";
-const wrapper = "_wrapper_1vatm_5";
-const button = "_button_1vatm_20";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/InputPassword.css';const input = "_input_68wyu_2";
+const wrapper = "_wrapper_68wyu_6";
+const button = "_button_68wyu_17";
 const cls = {
   input,
   wrapper,
-  "input-wrapper": "_input-wrapper_1vatm_16",
-  "button-wrapper": "_button-wrapper_1vatm_20",
+  "input-wrapper": "_input-wrapper_68wyu_13",
+  "button-wrapper": "_button-wrapper_68wyu_17",
   button
 };
 const InputPassword = memo(
@@ -29,7 +29,7 @@ const InputPassword = memo(
             ...props
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { type: "button", className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Eye, {}) }) })
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { type: "button", className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Icon, { color: "var(--black-60)", iconName: "Eye24px" }) }) })
       ] });
     }
   )

package/dist/components/OtpInput/OtpInput.js

@@ -3,12 +3,12 @@ import { forwardRef, useRef, useImperativeHandle, useMemo, Fragment } from "reac
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { Input } from "../Input/Input.js";
 import { RE_DIGIT, ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
-import '../../assets/OtpInput.css';const otp = "_otp_jnjdw_2";
-const input = "_input_jnjdw_14";
-const separator = "_separator_jnjdw_28";
+import '../../assets/OtpInput.css';const otp = "_otp_1f72t_3";
+const input = "_input_1f72t_15";
+const separator = "_separator_1f72t_29";
 const cls = {
   otp,
-  "input-wrapper": "_input-wrapper_jnjdw_14",
+  "input-wrapper": "_input-wrapper_1f72t_15",
   input,
   separator
 };

package/dist/icons/Icon.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+import { TIcon } from './components/types';
+
+type TProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+    iconName: TIcon;
+};
+export declare const Icon: ({ iconName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/icons/Icon.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { i as icons } from "../index-ds_bCdL8.js";
+const Icon = ({ iconName, ...props }) => {
+  const Component = icons[iconName];
+  if (!Component) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+};
+export {
+  Icon
+};

package/dist/icons/components/16px/Accept16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Accept16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Accept16px;

package/dist/icons/components/16px/Accept16px.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Accept16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: 8, cy: 8, r: 7, fill: "#FF7900" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.362 6.058l-4.35 4.354L4.85 8.248l.708-.707 1.453 1.456 3.644-3.646.707.707z",
+            fill: "#fff"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Accept16px as default
+};

package/dist/icons/components/16px/Acts16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Acts16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Acts16px;

package/dist/icons/components/16px/Acts16px.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Acts16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4 1a2 2 0 00-2 2v9a2 2 0 002 2h5v-1.5H4a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h6.172a.5.5 0 01.353.146l1.329 1.329a.5.5 0 01.146.353V7h1.5V4.328a2 2 0 00-.586-1.414l-1.328-1.328A2 2 0 0010.172 1H4z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.75 4.5a.75.75 0 01.75-.75h3a.75.75 0 010 1.5h-3a.75.75 0 01-.75-.75zM4.75 7.25a.75.75 0 01.75-.75H10A.75.75 0 0110 8H5.5a.75.75 0 01-.75-.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.405 11.698a2.25 2.25 0 10-.707.707l1.948 1.949.708-.707-1.949-1.95zM10.75 10.5a.75.75 0 111.5 0 .75.75 0 01-1.5 0z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Acts16px as default
+};

package/dist/icons/components/16px/Acts16pxF.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Acts16pxF: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Acts16pxF;

package/dist/icons/components/16px/Acts16pxF.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Acts16pxF = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2 3a2 2 0 012-2h6.172a2 2 0 011.414.586l1.328 1.328a2 2 0 01.586 1.414V7h-1.75c-.35 0-.688.048-1.008.137A.75.75 0 0010 6.5H5.5a.75.75 0 000 1.5h3.7A3.74 3.74 0 008 10.75V14H4a2 2 0 01-2-2V3zm2.75 1.5a.75.75 0 01.75-.75h3a.75.75 0 010 1.5h-3a.75.75 0 01-.75-.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M9.25 10.5a2.25 2.25 0 114.155 1.198l1.949 1.948-.707.708-1.95-1.949A2.25 2.25 0 019.25 10.5zm2.25-.75a.75.75 0 100 1.5.75.75 0 000-1.5z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Acts16pxF as default
+};

package/dist/icons/components/16px/AdditionalServicess16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const AdditionalServicess16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AdditionalServicess16px;

package/dist/icons/components/16px/AdditionalServicess16px.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const AdditionalServicess16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.625 1.75a.75.75 0 00-1.5 0v1.625H9.5a.75.75 0 000 1.5h1.625V6.5a.75.75 0 001.5 0V4.875h1.625a.75.75 0 000-1.5h-1.625V1.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M1.25 1.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5zm1.5 3.75v-2.5h2.5v2.5h-2.5zM1.25 9.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5zm1.5 3.75v-2.5h2.5v2.5h-2.5zM9.5 9.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zm1.25 1.5v2.5h2.5v-2.5h-2.5z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  AdditionalServicess16px as default
+};

package/dist/icons/components/16px/AdditionalServicess16pxF.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const AdditionalServicess16pxF: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AdditionalServicess16pxF;

package/dist/icons/components/16px/AdditionalServicess16pxF.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+const AdditionalServicess16pxF = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.625 1.75a.75.75 0 00-1.5 0v1.625H9.5a.75.75 0 000 1.5h1.625V6.5a.75.75 0 001.5 0V4.875h1.625a.75.75 0 000-1.5h-1.625V1.75zM1.5 1.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zM1.5 9.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zM9.25 9.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5z",
+          fill: "#000"
+        }
+      )
+    }
+  );
+};
+export {
+  AdditionalServicess16pxF as default
+};

package/dist/icons/components/16px/Agents16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Agents16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Agents16px;

package/dist/icons/components/16px/Agents16px.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+const Agents16px = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M7 3.5A1.75 1.75 0 107 7a1.75 1.75 0 000-3.5zM3.75 5.25a3.25 3.25 0 116.5 0 3.25 3.25 0 01-6.5 0zm-.25 7.5a2.25 2.25 0 012.25-2.25H8V9H5.75A3.75 3.75 0 002 12.75V14h1.5v-1.25zm9.198-.345l1.948 1.949.708-.707-1.949-1.95a2.25 2.25 0 10-.707.707zM10.75 10.5a.75.75 0 111.5 0 .75.75 0 01-1.5 0z",
+          fill: "#000"
+        }
+      )
+    }
+  );
+};
+export {
+  Agents16px as default
+};

package/dist/icons/components/16px/Agents16pxF.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Agents16pxF: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Agents16pxF;

package/dist/icons/components/16px/Agents16pxF.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+const Agents16pxF = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7 2a3.25 3.25 0 100 6.5A3.25 3.25 0 007 2zM7.75 10.5c0-.533.111-1.04.312-1.5H5.75A3.75 3.75 0 002 12.75V14h8.15a3.751 3.751 0 01-2.4-3.5zM13.405 11.698a2.25 2.25 0 10-.707.707l1.948 1.949.708-.707-1.949-1.95z",
+          fill: "#000"
+        }
+      )
+    }
+  );
+};
+export {
+  Agents16pxF as default
+};