@geneui/components 2.11.2 → 2.12.2

package/{Empty.js → Empty/index.js}

@@ -1,9 +1,8 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
 var img$e = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 22.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 215 215' style='enable-background:new 0 0 215 215%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:url(%23SVGID_1_)%3b%7d .st1%7bopacity:0.2%3bclip-path:url(%23SVGID_3_)%3bfill:%231473E6%3b%7d .st2%7bopacity:0.1%3bclip-path:url(%23SVGID_5_)%3bfill:%231473E6%3b%7d .st3%7bfill:%23F9FBFC%3b%7d .st4%7bopacity:0.7%3bfill:%23F9FBFC%3b%7d .st5%7bfill:url(%23SVGID_6_)%3b%7d .st6%7bfill:%23F5F5F5%3b%7d .st7%7bfill:%2360AFFF%3b%7d .st8%7bfill:%23FFCC4D%3b%7d .st9%7bfill:%239BE4EC%3b%7d .st10%7bfill:%2314CEE6%3b%7d .st11%7bfill:url(%23SVGID_7_)%3b%7d .st12%7bopacity:0.2%3bclip-path:url(%23SVGID_9_)%3bfill:%231473E6%3b%7d .st13%7bopacity:0.1%3bclip-path:url(%23SVGID_11_)%3bfill:%231473E6%3b%7d .st14%7bfill:url(%23SVGID_12_)%3b%7d .st15%7bfill:url(%23SVGID_13_)%3b%7d .st16%7bopacity:0.1%3bclip-path:url(%23SVGID_15_)%3bfill:%231473E6%3b%7d .st17%7bfill:%23FFE49D%3b%7d .st18%7bclip-path:url(%23SVGID_17_)%3bfill:url(%23SVGID_18_)%3b%7d .st19%7bclip-path:url(%23SVGID_17_)%3bfill:url(%23SVGID_19_)%3b%7d .st20%7bfill:url(%23SVGID_20_)%3b%7d .st21%7bfill:url(%23SVGID_21_)%3b%7d .st22%7bopacity:0.25%3bclip-path:url(%23SVGID_23_)%3bfill:%231473E6%3b%7d .st23%7bfill:url(%23SVGID_24_)%3b%7d .st24%7bfill:url(%23SVGID_25_)%3b%7d .st25%7bopacity:0.1%3bclip-path:url(%23SVGID_27_)%3bfill:%231473E6%3b%7d .st26%7bclip-path:url(%23SVGID_29_)%3bfill:url(%23SVGID_30_)%3b%7d .st27%7bclip-path:url(%23SVGID_29_)%3bfill:url(%23SVGID_31_)%3b%7d .st28%7bfill:url(%23SVGID_32_)%3b%7d .st29%7bfill:url(%23SVGID_33_)%3b%7d .st30%7bopacity:0.25%3bclip-path:url(%23SVGID_35_)%3bfill:%231473E6%3b%7d .st31%7bfill:url(%23SVGID_36_)%3b%7d .st32%7bfill:url(%23SVGID_37_)%3b%7d .st33%7bopacity:0.2%3bclip-path:url(%23SVGID_39_)%3bfill:%231473E6%3b%7d .st34%7bopacity:0.1%3bclip-path:url(%23SVGID_41_)%3bfill:%231473E6%3b%7d .st35%7bfill:url(%23SVGID_42_)%3b%7d .st36%7bopacity:5.000000e-02%3b%7d .st37%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_44_)%3b%7d .st38%7bopacity:0.9%3b%7d .st39%7bfill:white%3b%7d .st40%7bopacity:0.9%3bfill:white%3b%7d .st41%7bfill:%23EBEFF2%3b%7d .st42%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_48_)%3b%7d .st43%7bfill:url(%23SVGID_51_)%3b%7d .st44%7bopacity:0.1%3bclip-path:url(%23SVGID_53_)%3bfill:%231473E6%3b%7d .st45%7bclip-path:url(%23SVGID_55_)%3bfill:url(%23SVGID_56_)%3b%7d .st46%7bclip-path:url(%23SVGID_55_)%3bfill:url(%23SVGID_57_)%3b%7d .st47%7bfill:url(%23SVGID_58_)%3b%7d .st48%7bfill:url(%23SVGID_59_)%3b%7d .st49%7bopacity:0.25%3bclip-path:url(%23SVGID_61_)%3bfill:%231473E6%3b%7d .st50%7bfill:url(%23SVGID_62_)%3b%7d .st51%7bopacity:0.9%3bclip-path:url(%23SVGID_66_)%3bfill:white%3b%7d .st52%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_68_)%3b%7d .st53%7bopacity:0.9%3bclip-path:url(%23SVGID_72_)%3bfill:white%3b%7d .st54%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_74_)%3b%7d .st55%7bfill:none%3b%7d .st56%7bfill:url(%23SVGID_75_)%3b%7d .st57%7bopacity:0.2%3bclip-path:url(%23SVGID_77_)%3bfill:%231473E6%3b%7d .st58%7bopacity:0.1%3bclip-path:url(%23SVGID_79_)%3bfill:%231473E6%3b%7d .st59%7bfill:url(%23SVGID_80_)%3b%7d .st60%7bfill:url(%23SVGID_81_)%3b%7d .st61%7bopacity:0.1%3bclip-path:url(%23SVGID_83_)%3bfill:%231473E6%3b%7d .st62%7bclip-path:url(%23SVGID_85_)%3bfill:url(%23SVGID_86_)%3b%7d .st63%7bclip-path:url(%23SVGID_85_)%3bfill:url(%23SVGID_87_)%3b%7d .st64%7bfill:url(%23SVGID_88_)%3b%7d .st65%7bfill:url(%23SVGID_89_)%3b%7d .st66%7bopacity:0.25%3bclip-path:url(%23SVGID_91_)%3bfill:%231473E6%3b%7d .st67%7bfill:url(%23SVGID_92_)%3b%7d .st68%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_94_)%3b%7d .st69%7bclip-path:url(%23SVGID_96_)%3bfill:white%3b%7d .st70%7bopacity:5.000000e-02%3bclip-path:url(%23SVGID_98_)%3b%7d%3c/style%3e%3cg%3e %3cg%3e %3cpath class='st41' d='M161.7%2c174H72.2c-4.6%2c0-8.2-3.7-8.2-8.3V43.3c0-4.6%2c3.7-8.3%2c8.2-8.3h89.5c4.6%2c0%2c8.3%2c3.7%2c8.3%2c8.3v122.5 C169.9%2c170.3%2c166.2%2c174%2c161.7%2c174z'/%3e %3c/g%3e %3cg%3e %3cdefs%3e %3cpath id='SVGID_93_' d='M161.7%2c174H72.1c-4.5%2c0-8.2-3.7-8.2-8.2V43.2c0-4.5%2c3.7-8.2%2c8.2-8.2h89.6c4.5%2c0%2c8.2%2c3.7%2c8.2%2c8.2v122.6 C169.9%2c170.3%2c166.2%2c174%2c161.7%2c174z'/%3e %3c/defs%3e %3cclipPath id='SVGID_1_'%3e %3cuse xlink:href='%23SVGID_93_' style='overflow:visible%3b'/%3e %3c/clipPath%3e %3cpath style='opacity:5.000000e-02%3bclip-path:url(%23SVGID_1_)%3b' d='M94.1%2c175H53.7c-2.1%2c0-3.8-1.7-3.8-3.8v-50.3 c0-2.1%2c1.7-3.8%2c3.8-3.8h40.3c2.1%2c0%2c3.8%2c1.7%2c3.8%2c3.8v50.3C97.9%2c173.3%2c96.2%2c175%2c94.1%2c175z'/%3e %3c/g%3e %3cg%3e %3cpath class='st39' d='M138.7%2c59.5H95.1c-1.7%2c0-3.2-1.4-3.2-3.2v-2.2c0-1.7%2c1.4-3.2%2c3.2-3.2h43.7c1.7%2c0%2c3.2%2c1.4%2c3.2%2c3.2v2.2 C141.9%2c58.1%2c140.5%2c59.5%2c138.7%2c59.5z'/%3e %3cpath class='st39' d='M130.4%2c82.5H80.9c-1.1%2c0-2-0.9-2-2v-3c0-1.1%2c0.9-2%2c2-2h49.5c1.1%2c0%2c2%2c0.9%2c2%2c2v3 C132.4%2c81.6%2c131.5%2c82.5%2c130.4%2c82.5z'/%3e %3cpath class='st39' d='M152.9%2c105h-72c-1.1%2c0-2-0.9-2-2v-3c0-1.1%2c0.9-2%2c2-2h72c1.1%2c0%2c2%2c0.9%2c2%2c2v3C154.9%2c104.1%2c154%2c105%2c152.9%2c105z' /%3e %3cpath class='st39' d='M121.9%2c131h-48c-1.1%2c0-2-0.9-2-2v-3c0-1.1%2c0.9-2%2c2-2h48c1.1%2c0%2c2%2c0.9%2c2%2c2v3C123.9%2c130.1%2c123%2c131%2c121.9%2c131z' /%3e %3cpath class='st39' d='M152.9%2c150h-79c-1.1%2c0-2-0.9-2-2v-3c0-1.1%2c0.9-2%2c2-2h79c1.1%2c0%2c2%2c0.9%2c2%2c2v3C154.9%2c149.1%2c154%2c150%2c152.9%2c150z' /%3e %3c/g%3e %3cg%3e %3cpath class='st41' d='M89.3%2c180H48.9c-2.1%2c0-3.8-1.7-3.8-3.8v-48.3c0-2.1%2c1.7-3.8%2c3.8-3.8h40.3c2.1%2c0%2c3.8%2c1.7%2c3.8%2c3.8v48.3 C93.1%2c178.3%2c91.4%2c180%2c89.3%2c180z'/%3e %3ccircle class='st39' cx='69.1' cy='145.5' r='9.5'/%3e %3cpath class='st39' d='M83.4%2c164.8H54.7c-0.6%2c0-1.2-0.5-1.2-1.2v-0.2c0-0.6%2c0.5-1.2%2c1.2-1.2h28.7c0.6%2c0%2c1.2%2c0.5%2c1.2%2c1.2v0.2 C84.6%2c164.2%2c84.1%2c164.8%2c83.4%2c164.8z'/%3e %3cpath class='st39' d='M83.1%2c170.8H54.4c-0.6%2c0-1.2-0.5-1.2-1.2v-0.2c0-0.6%2c0.5-1.2%2c1.2-1.2h28.7c0.6%2c0%2c1.2%2c0.5%2c1.2%2c1.2v0.2 C84.2%2c170.2%2c83.7%2c170.8%2c83.1%2c170.8z'/%3e %3c/g%3e%3c/g%3e%3c/svg%3e";
 
@@ -35,7 +34,7 @@ var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3
 
 var img = "data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 254.81 222.67'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fab925%3b%7d.cls-2%7bfill:%23f5f5f5%3b%7d.cls-3%7bfill:%2300bcf7%3b%7d.cls-4%7bfill:%23e6e6e6%3b%7d.cls-5%7bfill:%23ffd56c%3b%7d.cls-6%7bfill:%23ffc732%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M75.68%2c110.76%2c51.13%2c95.68l65.41-50.5a18.43%2c18.43%2c0%2c0%2c1%2c22.6.07L203.68%2c96l-24.55%2c15.18Z'/%3e%3cpath class='cls-2' d='M182.2%2c58.24V108.1l-42%2c23.64-1.09-.85a18.43%2c18.43%2c0%2c0%2c0-22.6-.07l-1.05.82L72.61%2c107.69V58.24a1.54%2c1.54%2c0%2c0%2c1%2c1.54-1.54H180.66a1.54%2c1.54%2c0%2c0%2c1%2c1.54%2c1.54Z'/%3e%3cpath class='cls-3' d='M148.74%2c76.81H106.07a2.31%2c2.31%2c0%2c0%2c1%2c0-4.61h42.67a2.31%2c2.31%2c0%2c0%2c1%2c0%2c4.61Z'/%3e%3cpath class='cls-3' d='M162.55%2c108.12H92.26a2.31%2c2.31%2c0%2c0%2c1%2c0-4.61h70.29a2.31%2c2.31%2c0%2c0%2c1%2c0%2c4.61Z'/%3e%3cpath class='cls-3' d='M110.83%2c92.36H92.27a2.3%2c2.3%2c0%2c0%2c1%2c0-4.6h18.56a2.3%2c2.3%2c0%2c0%2c1%2c0%2c4.6Z'/%3e%3cpath class='cls-3' d='M162.53%2c92.36H123.08a2.3%2c2.3%2c0%2c0%2c1%2c0-4.6h39.45a2.3%2c2.3%2c0%2c1%2c1%2c0%2c4.6Z'/%3e%3cpath class='cls-4' d='M182.2%2c105.27v4.36l-42%2c23.65-1.09-.86a18.42%2c18.42%2c0%2c0%2c0-22.6-.06l-1.05.81L72.61%2c109.22v-4.35l42.53%2c20.69a23%2c23%2c0%2c0%2c1%2c25.44.09Z'/%3e%3cpath class='cls-5' d='M203.68%2c96v82.27a2.66%2c2.66%2c0%2c0%2c1-.08.69.53.53%2c0%2c0%2c1%2c0%2c.12%2c1.09%2c1.09%2c0%2c0%2c1%2c0%2c.17%2c1.21%2c1.21%2c0%2c0%2c1-.05.14l0%2c.08a1.24%2c1.24%2c0%2c0%2c1-.1.2s0%2c0%2c0%2c0a3%2c3%2c0%2c0%2c1-.27.42l-.05.07%2c0%2c0-.15.17-.15.14h0l-38.6-24.69-22.7-23.2-1.14-.9%2c7.81-4.4L182.2%2c108.1Z'/%3e%3cpath class='cls-5' d='M115.49%2c131.64l-1.16.89L91.19%2c155.84l-39%2c24.7-.15-.15a3%2c3%2c0%2c0%2c1-.86-2.13V95.68l21.48%2c12%2c30.74%2c17.17%2c3.81%2c2.12Z'/%3e%3cpath class='cls-1' d='M115.49%2c131.64l-1.16.89L91.19%2c155.84l-39%2c24.7-.15-.15a3%2c3%2c0%2c0%2c1-.86-2.13v-.12l56-51.16Z'/%3e%3cpath class='cls-1' d='M203.68%2c178.14v.12a2.66%2c2.66%2c0%2c0%2c1-.08.69.53.53%2c0%2c0%2c1%2c0%2c.12%2c1.09%2c1.09%2c0%2c0%2c1%2c0%2c.17%2c1.21%2c1.21%2c0%2c0%2c1-.05.14l0%2c.08a1.24%2c1.24%2c0%2c0%2c1-.1.2s0%2c0%2c0%2c0a3%2c3%2c0%2c0%2c1-.27.42l-.05.07%2c0%2c0-.15.17-.15.14h0l-39-24.7-23.15-23.31-1.15-.89.45-.25.46.35%2c7.81-4.4Z'/%3e%3cpath class='cls-6' d='M202.67%2c180.53h0a3%2c3%2c0%2c0%2c1-2%2c.78H54.2a3%2c3%2c0%2c0%2c1-2-.7l-.1-.08%2c36-27.77%2c26.21-20.24%2c1.16-.89%2c1.05-.82a18.44%2c18.44%2c0%2c0%2c1%2c22.6.07l.63.5.46.35%2c1.14.9%2c25.77%2c20.13Z'/%3e%3c/svg%3e";
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .empty-state-holder{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}[data-gene-ui-version=\"1.0.0\"] .empty-state-holder.absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"1.0.0\"] .empty-state-image img{height:16.6rem;max-width:inherit}[data-gene-ui-version=\"1.0.0\"] .s-small>.empty-state-image img{height:6.6rem}[data-gene-ui-version=\"1.0.0\"] .s-medium>.empty-state-image img{height:12rem}[data-gene-ui-version=\"1.0.0\"] .empty-state-title{font:600 1.6rem/2rem var(--font-family)}[data-gene-ui-version=\"1.0.0\"] .empty-state-title:not(:last-child){margin:0 0 1rem}[data-gene-ui-version=\"1.0.0\"] .s-medium>.empty-state-title{font-size:1.4rem}[data-gene-ui-version=\"1.0.0\"] .s-small>.empty-state-title{font-size:1.2rem}[data-gene-ui-version=\"1.0.0\"] .empty-state-subtitle{font:1.4rem/1.36 var(--font-family);max-width:23.8rem}[data-gene-ui-version=\"1.0.0\"] .s-small>.empty-state-subtitle{font-size:1rem}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .empty-state-holder{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}[data-gene-ui-version=\"2.12.2\"] .empty-state-holder.absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.12.2\"] .empty-state-image img{height:16.6rem;max-width:inherit}[data-gene-ui-version=\"2.12.2\"] .s-small>.empty-state-image img{height:6.6rem}[data-gene-ui-version=\"2.12.2\"] .s-medium>.empty-state-image img{height:12rem}[data-gene-ui-version=\"2.12.2\"] .empty-state-title{font:600 1.6rem/2rem var(--font-family)}[data-gene-ui-version=\"2.12.2\"] .empty-state-title:not(:last-child){margin:0 0 1rem}[data-gene-ui-version=\"2.12.2\"] .s-medium>.empty-state-title{font-size:1.4rem}[data-gene-ui-version=\"2.12.2\"] .s-small>.empty-state-title{font-size:1.2rem}[data-gene-ui-version=\"2.12.2\"] .empty-state-subtitle{font:1.4rem/1.36 var(--font-family);max-width:23.8rem}[data-gene-ui-version=\"2.12.2\"] .s-small>.empty-state-subtitle{font-size:1rem}";
 styleInject(css_248z);
 
 const images = {
@@ -95,31 +94,31 @@ Empty.propTypes = {
   /**
    * Available style varieties of Empty atom to display
    */
-  appearance: propTypesExports.oneOf(appearances),
+  appearance: PropTypes.oneOf(appearances),
   /**
    * Types of data Empty atom should represent
    */
-  type: propTypesExports.oneOf(types),
+  type: PropTypes.oneOf(types),
   /**
    * Empty atom size
    */
-  size: propTypesExports.oneOf(sizes),
+  size: PropTypes.oneOf(sizes),
   /**
    * Will add a title to the "Empty" atom. Any valid React node
    */
-  title: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
    * Will add a subtitle to the "Empty" atom. Any valid React node
    */
-  subTitle: propTypesExports.string,
+  subTitle: PropTypes.string,
   /**
    * When set to "true" Empty atom will show a predefined image based on "appearance" and "type" props
    */
-  withImage: propTypesExports.bool,
+  withImage: PropTypes.bool,
   /**
    * Additional className
    */
-  className: propTypesExports.string
+  className: PropTypes.string
 };
 Empty.defaultProps = {
   appearance: appearances[0],

package/{ExtendedInput.js → ExtendedInput/index.js}

@@ -1,26 +1,27 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useRef, useState, useEffect, useCallback } from 'react';
-import { c as classnames } from './index-6ff23041.js';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { i as inputConfig, s as screenTypes } from './configs-91c86664.js';
-import { n as noop, s as stopEvent } from './index-ac59cb10.js';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { S as SuggestionList } from './index-897d8240.js';
-import Icon from './Icon.js';
-import Tooltip from './Tooltip.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import { c as classnames } from '../index-6ff23041.js';
+import PropTypes from 'prop-types';
+import { i as inputConfig, s as screenTypes } from '../configs-fed6ac34.js';
+import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import useEllipsisDetection from '../hooks/useEllipsisDetection.js';
+import Icon from '../Icon/index.js';
+import SuggestionList from '../SuggestionList/index.js';
+import Tooltip from '../Tooltip/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './useWindowSize-80369d76.js';
-import './useKeyDown-38102ae7.js';
-import './useClickOutside-5183e396.js';
-import './Scrollbar.js';
-import './Popover-f4d1cac0.js';
-import './GeneUIProvider.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useClickOutside.js';
+import '../config-0ca92874.js';
+import '../Scrollbar/index.js';
+import '../Popover-f4d1cac0.js';
+import '../GeneUIProvider/index.js';
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .input-holder{--input-message-padding-side:2rem;--input-element-padding-side:0.5rem;--input-element-height:3.6rem;--textarea-height:21.5rem;--number-actions-holder-padding:0 0.5rem;--swap-label-color:inherit;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;position:relative;transition:opacity .3s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"1.0.0\"] .input-holder.disabled{opacity:.5}[data-gene-ui-version=\"1.0.0\"] .input-holder.read-only{cursor:inherit;-webkit-user-select:text;user-select:text}[data-gene-ui-version=\"1.0.0\"] .input-holder:not(.f-content-size){width:100%}[data-gene-ui-version=\"1.0.0\"] .input-holder.s-big{--input-element-height:4.2rem;--textarea-height:52rem}[data-gene-ui-version=\"1.0.0\"] .input-holder.s-small{--input-element-height:3.2rem;--textarea-height:14.8rem}[data-gene-ui-version=\"1.0.0\"] .input-holder.id-start .validation-icon{margin-inline-end:-.5rem}[data-gene-ui-version=\"1.0.0\"] .input-holder.id-end{--direction:row-reverse}[data-gene-ui-version=\"1.0.0\"] .input-holder.id-end .validation-icon{margin-inline-start:-.5rem}[data-gene-ui-version=\"1.0.0\"] .input-holder.cr-smooth-radius{--input-element-border-radius:0.4rem;--textarea-border-radius:0.4rem}[data-gene-ui-version=\"1.0.0\"] .input-holder .end-add-on{align-items:center;border-radius:0 var(--input-element-border-radius,4.2rem) var(--input-element-border-radius,4.2rem) 0;display:flex;font:600 1.4rem/1.5 var(--font-family);height:var(--input-element-height);justify-content:center;margin:1px 0;margin-inline-end:calc(var(--input-structure-padding, 1.5rem)*-1 + 1px);margin-inline-start:var(--input-structure-padding,1.5rem);padding:0 var(--input-structure-padding,1.5rem);transition:background .3s,border-color .3s,opacity .3s}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-outline{--input-element-border-color:rgba(var(--background-sc-rgb),0.2)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-outline:not(.t-textarea) .end-add-on{background:rgba(var(--background-sc-rgb),.03);border-inline-start:1px solid var(--input-element-border-color,#0000);height:calc(var(--input-element-height) - .2rem)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-outline.read-only{--input-element-border-color:rgba(var(--background-sc-rgb),0.05)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-outline.filled:not(:focus-within){--input-element-border-color:rgba(var(--background-sc-rgb),0.3)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-outline:not(.read-only):focus-within{--input-element-border-color:var(--hero);--swap-label-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal{--input-element-background:rgba(var(--background-sc-rgb),0.02)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.read-only{--input-element-background:rgba(var(--background-sc-rgb),0.01)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.filled:not(:focus-within),[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal:not(.read-only):focus-within{--input-element-background:rgba(var(--background-sc-rgb),0.03)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.s-small{--input-message-padding-side:0.7rem;--input-element-background:rgba(var(--background-sc-rgb),0.03);--input-element-padding-side:0.3rem;--number-actions-holder-padding:0;--input-structure-padding:0.4rem}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.s-small.read-only{--input-element-background:rgba(var(--background-sc-rgb),0.01)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.s-small.filled:not(:focus-within){--input-element-background:rgba(var(--background-sc-rgb),0.03)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.s-small:not(.read-only):focus-within{--input-element-background:#0000;--input-element-border-color:var(--hero);--swap-label-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-light:not(.read-only):focus-within{--input-element-background:rgba(var(--background-sc-rgb),0.05)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .input-holder.a-light:hover{--input-element-background:rgba(var(--background-sc-rgb),0.05)}}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-light.popover-opened{--input-element-background:rgba(var(--background-sc-rgb),0.05)}[data-gene-ui-version=\"1.0.0\"] .input-holder.error-color,[data-gene-ui-version=\"1.0.0\"] .input-holder.success-color{--input-element-background:#0000!important}[data-gene-ui-version=\"1.0.0\"] .input-holder.error-color{--input-element-border-color:var(--danger)!important}[data-gene-ui-version=\"1.0.0\"] .input-holder.error-color:not(.read-only):focus-within{--swap-label-color:var(--danger)!important}[data-gene-ui-version=\"1.0.0\"] .input-holder.success-color{--input-element-border-color:var(--confirm)!important}[data-gene-ui-version=\"1.0.0\"] .input-holder.success-color:not(.read-only):focus-within{--swap-label-color:var(--confirm)!important}[data-gene-ui-version=\"1.0.0\"] .input-holder.t-textarea .end-add-on{align-self:flex-end}[data-gene-ui-version=\"1.0.0\"] .input-structure{align-items:center;display:flex;flex-direction:var(--direction,row);padding:0 var(--input-structure-padding,1.5rem);position:relative;width:100%}[data-gene-ui-version=\"1.0.0\"] .input-structure>*{flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .input-structure>:not(label){position:relative;z-index:1}[data-gene-ui-version=\"1.0.0\"] .input-holder.a-minimal.s-small .input-structure>:not(label){margin:0 .3rem}[data-gene-ui-version=\"1.0.0\"] .input-structure>:not(label).bc-icon-clear{border-radius:100%;transition:background .4s,color .4s}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .input-structure>:not(label).bc-icon-clear:hover{background:rgba(var(--background-sc-rgb),.03);color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .input-structure>label{cursor:inherit;display:block;flex:auto;overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .input-structure .icon{align-items:center;display:flex;justify-content:center;transition:color .3s,background .3s;z-index:10}[data-gene-ui-version=\"1.0.0\"] .input-structure .icon-holder{order:-1;z-index:2}[data-gene-ui-version=\"1.0.0\"] .input-structure .icon-holder-disabled{pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .input-element-back{background:var(--input-element-background,var(--background));border:1px solid var(--input-element-border-color,#0000);border-radius:var(--input-element-border-radius,4.2rem);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transition:background .3s,border-color .3s,opacity .3s;width:100%}[data-gene-ui-version=\"1.0.0\"] .t-textarea .input-element-back{border-radius:var(--textarea-border-radius,1rem)}[data-gene-ui-version=\"1.0.0\"] .read-only .input-element-back:empty{opacity:0}[data-gene-ui-version=\"1.0.0\"] .fit-content-hack{height:0;opacity:0;overflow:hidden;pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .input-element-relative{position:relative;width:100%;z-index:1}[data-gene-ui-version=\"1.0.0\"] .input-element{color:rgba(var(--background-sc-rgb),.75);font:600 1.4rem var(--font-family);height:var(--input-element-height);overflow:hidden;padding:0 var(--input-element-padding-side);position:relative;resize:none;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap;width:100%}[data-gene-ui-version=\"1.0.0\"] .input-element:-webkit-autofill{-webkit-text-fill-color:var(--background-sc);-webkit-background-clip:text;background-clip:text}[data-gene-ui-version=\"1.0.0\"] .input-element:-webkit-autofill::selection{-webkit-text-fill-color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .input-element.hide{opacity:0}[data-gene-ui-version=\"1.0.0\"] .input-element::input-placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"1.0.0\"] .input-element:placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"1.0.0\"] .input-element::placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"1.0.0\"] .input-element:input-placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"1.0.0\"] .input-element.read-only:not(.textarea-element){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"1.0.0\"] .textarea-element,[data-gene-ui-version=\"1.0.0\"] textarea.input-element{border:1px solid #0000;cursor:auto;height:var(--textarea-height);overflow:auto;padding:1rem var(--input-element-padding-side);padding-right:70px!important;text-overflow:unset;white-space:normal}[data-gene-ui-version=\"1.0.0\"] .textarea-element.read-only,[data-gene-ui-version=\"1.0.0\"] textarea.input-element.read-only{height:auto}[data-gene-ui-version=\"1.0.0\"] .textarea-element::-webkit-scrollbar,[data-gene-ui-version=\"1.0.0\"] textarea.input-element::-webkit-scrollbar{height:1.6rem;width:1.6rem}[data-gene-ui-version=\"1.0.0\"] .textarea-element::-webkit-scrollbar-thumb,[data-gene-ui-version=\"1.0.0\"] textarea.input-element::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05);border:.4rem solid var(--background);border-radius:1.6rem}[data-gene-ui-version=\"1.0.0\"] div.input-element{align-items:center;display:flex;justify-content:flex-start}[data-gene-ui-version=\"1.0.0\"] div.input-element:not([readonly]).placeholder{color:rgba(var(--background-sc-rgb),.375)}[data-gene-ui-version=\"1.0.0\"] div.input-element:not([readonly]).placeholder:focus{color:rgba(var(--background-sc-rgb),0)}[data-gene-ui-version=\"1.0.0\"] .input-element[readonly]{cursor:inherit}[data-gene-ui-version=\"1.0.0\"] .input-element[readonly]::selection{background:#0000;color:inherit}[data-gene-ui-version=\"1.0.0\"] .input-element[type=date],[data-gene-ui-version=\"1.0.0\"] .input-element[type=datetime-local],[data-gene-ui-version=\"1.0.0\"] .input-element[type=time]{line-height:var(--input-element-height)}[data-gene-ui-version=\"1.0.0\"] .input-fake-placeholder{align-items:center;color:rgba(var(--background-sc-rgb),.375);display:flex;font:600 1.4rem/1.8rem var(--font-family);height:100%;left:0;padding:0 var(--input-element-padding-side);pointer-events:none;position:absolute;top:0;transition:opacity .15s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"1.0.0\"] .input-fake-placeholder.hide{opacity:0}[data-gene-ui-version=\"1.0.0\"] .input-swap-label{display:flex;font:600 1rem/1.8rem var(--font-family);left:0;max-width:100%;padding:0 var(--input-message-padding-side);position:absolute;top:-.9rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5}[data-gene-ui-version=\"1.0.0\"] .input-swap-label .icon{font-size:1.8rem;transition:none}[data-gene-ui-version=\"1.0.0\"] .input-swap{max-width:100%;overflow:hidden}[data-gene-ui-version=\"1.0.0\"] .input-swap-animate{align-items:center;background:var(--background);box-shadow:inset 0 -.8rem 0 var(--input-element-background);color:var(--swap-label-color);display:flex;max-width:100%;padding:0 .4rem;transition:transform .3s,opacity .3s .1s,color .3s}[data-gene-ui-version=\"1.0.0\"] .input-swap-animate>*+*{margin-inline-start:.5rem}[data-gene-ui-version=\"1.0.0\"] .input-swap-animate.hide{opacity:0;transform:translateY(100%)}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder{padding:var(--number-actions-holder-padding)}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.7rem;color:inherit;font-size:1rem;width:1.5rem}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul>li{cursor:pointer;transition:color .3s,background .3s,opacity .3s}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul>li:first-child{border-radius:.7rem .7rem 0 0}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul>li:last-child{border-radius:0 0 .7rem .7rem}[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul>li.disabled{opacity:.5;pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .number-actions-holder>ul>li:hover{background:rgba(var(--background-sc-rgb),.03);color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}[data-gene-ui-version=\"1.0.0\"] .information-message:empty{display:none}[data-gene-ui-version=\"1.0.0\"] .input-description{cursor:default;font:600 1.4rem/2rem var(--font-family);margin:1rem 0 0;max-width:100%;opacity:.7}[data-gene-ui-version=\"1.0.0\"] .input-structure~.input-description{padding:0 1rem}[data-gene-ui-version=\"1.0.0\"] .input-title{align-items:center;cursor:default;display:flex;font:600 1.4rem/2rem var(--font-family);margin:0 0 .4rem;max-width:100%;opacity:.5;padding:0 var(--input-message-padding-side)}[data-gene-ui-version=\"1.0.0\"] .input-title>*+*{margin-inline-start:.5rem}";
+var css_248z = "[data-gene-ui-version=\"2.12.2\"] .input-holder{--input-message-padding-side:2rem;--input-element-padding-side:0.5rem;--input-element-height:3.6rem;--textarea-height:21.5rem;--number-actions-holder-padding:0 0.5rem;--swap-label-color:inherit;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;position:relative;transition:opacity .3s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.12.2\"] .input-holder.disabled{opacity:.5}[data-gene-ui-version=\"2.12.2\"] .input-holder.read-only{cursor:inherit;-webkit-user-select:text;user-select:text}[data-gene-ui-version=\"2.12.2\"] .input-holder:not(.f-content-size){width:100%}[data-gene-ui-version=\"2.12.2\"] .input-holder.s-big{--input-element-height:4.2rem;--textarea-height:52rem}[data-gene-ui-version=\"2.12.2\"] .input-holder.s-small{--input-element-height:3.2rem;--textarea-height:14.8rem}[data-gene-ui-version=\"2.12.2\"] .input-holder.id-start .validation-icon{margin-inline-end:-.5rem}[data-gene-ui-version=\"2.12.2\"] .input-holder.id-end{--direction:row-reverse}[data-gene-ui-version=\"2.12.2\"] .input-holder.id-end .validation-icon{margin-inline-start:-.5rem}[data-gene-ui-version=\"2.12.2\"] .input-holder.cr-smooth-radius{--input-element-border-radius:0.4rem;--textarea-border-radius:0.4rem}[data-gene-ui-version=\"2.12.2\"] .input-holder .end-add-on{align-items:center;border-radius:0 var(--input-element-border-radius,4.2rem) var(--input-element-border-radius,4.2rem) 0;display:flex;font:600 1.4rem/1.5 var(--font-family);height:var(--input-element-height);justify-content:center;margin:1px 0;margin-inline-end:calc(var(--input-structure-padding, 1.5rem)*-1 + 1px);margin-inline-start:var(--input-structure-padding,1.5rem);padding:0 var(--input-structure-padding,1.5rem);transition:background .3s,border-color .3s,opacity .3s}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-outline{--input-element-border-color:rgba(var(--background-sc-rgb),0.2)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-outline:not(.t-textarea) .end-add-on{background:rgba(var(--background-sc-rgb),.03);border-inline-start:1px solid var(--input-element-border-color,#0000);height:calc(var(--input-element-height) - .2rem)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-outline.read-only{--input-element-border-color:rgba(var(--background-sc-rgb),0.05)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-outline.filled:not(:focus-within){--input-element-border-color:rgba(var(--background-sc-rgb),0.3)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-outline:not(.read-only):focus-within{--input-element-border-color:var(--hero);--swap-label-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal{--input-element-background:rgba(var(--background-sc-rgb),0.02)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.read-only{--input-element-background:rgba(var(--background-sc-rgb),0.01)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.filled:not(:focus-within),[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal:not(.read-only):focus-within{--input-element-background:rgba(var(--background-sc-rgb),0.03)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.s-small{--input-message-padding-side:0.7rem;--input-element-background:rgba(var(--background-sc-rgb),0.03);--input-element-padding-side:0.3rem;--number-actions-holder-padding:0;--input-structure-padding:0.4rem}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.s-small.read-only{--input-element-background:rgba(var(--background-sc-rgb),0.01)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.s-small.filled:not(:focus-within){--input-element-background:rgba(var(--background-sc-rgb),0.03)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.s-small:not(.read-only):focus-within{--input-element-background:#0000;--input-element-border-color:var(--hero);--swap-label-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-light:not(.read-only):focus-within{--input-element-background:rgba(var(--background-sc-rgb),0.05)}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .input-holder.a-light:hover{--input-element-background:rgba(var(--background-sc-rgb),0.05)}}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-light.popover-opened{--input-element-background:rgba(var(--background-sc-rgb),0.05)}[data-gene-ui-version=\"2.12.2\"] .input-holder.error-color,[data-gene-ui-version=\"2.12.2\"] .input-holder.success-color{--input-element-background:#0000!important}[data-gene-ui-version=\"2.12.2\"] .input-holder.error-color{--input-element-border-color:var(--danger)!important}[data-gene-ui-version=\"2.12.2\"] .input-holder.error-color:not(.read-only):focus-within{--swap-label-color:var(--danger)!important}[data-gene-ui-version=\"2.12.2\"] .input-holder.success-color{--input-element-border-color:var(--confirm)!important}[data-gene-ui-version=\"2.12.2\"] .input-holder.success-color:not(.read-only):focus-within{--swap-label-color:var(--confirm)!important}[data-gene-ui-version=\"2.12.2\"] .input-holder.t-textarea .end-add-on{align-self:flex-end}[data-gene-ui-version=\"2.12.2\"] .input-structure{align-items:center;display:flex;flex-direction:var(--direction,row);padding:0 var(--input-structure-padding,1.5rem);position:relative;width:100%}[data-gene-ui-version=\"2.12.2\"] .input-structure>*{flex-shrink:0}[data-gene-ui-version=\"2.12.2\"] .input-structure>:not(label){position:relative;z-index:1}[data-gene-ui-version=\"2.12.2\"] .input-holder.a-minimal.s-small .input-structure>:not(label){margin:0 .3rem}[data-gene-ui-version=\"2.12.2\"] .input-structure>:not(label).bc-icon-clear{border-radius:100%;transition:background .4s,color .4s}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .input-structure>:not(label).bc-icon-clear:hover{background:rgba(var(--background-sc-rgb),.03);color:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .input-structure>label{cursor:inherit;display:block;flex:auto;overflow:hidden}[data-gene-ui-version=\"2.12.2\"] .input-structure .icon{align-items:center;display:flex;justify-content:center;transition:color .3s,background .3s;z-index:10}[data-gene-ui-version=\"2.12.2\"] .input-structure .icon-holder{order:-1;z-index:2}[data-gene-ui-version=\"2.12.2\"] .input-structure .icon-holder-disabled{pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .input-element-back{background:var(--input-element-background,var(--background));border:1px solid var(--input-element-border-color,#0000);border-radius:var(--input-element-border-radius,4.2rem);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transition:background .3s,border-color .3s,opacity .3s;width:100%}[data-gene-ui-version=\"2.12.2\"] .t-textarea .input-element-back{border-radius:var(--textarea-border-radius,1rem)}[data-gene-ui-version=\"2.12.2\"] .read-only .input-element-back:empty{opacity:0}[data-gene-ui-version=\"2.12.2\"] .fit-content-hack{height:0;opacity:0;overflow:hidden;pointer-events:none}[data-gene-ui-version=\"2.12.2\"] .input-element-relative{position:relative;width:100%;z-index:1}[data-gene-ui-version=\"2.12.2\"] .input-element{color:rgba(var(--background-sc-rgb),.75);font:600 1.4rem var(--font-family);height:var(--input-element-height);overflow:hidden;padding:0 var(--input-element-padding-side);position:relative;resize:none;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap;width:100%}[data-gene-ui-version=\"2.12.2\"] .input-element:-webkit-autofill{-webkit-text-fill-color:var(--background-sc);-webkit-background-clip:text;background-clip:text}[data-gene-ui-version=\"2.12.2\"] .input-element:-webkit-autofill::selection{-webkit-text-fill-color:var(--hero)}[data-gene-ui-version=\"2.12.2\"] .input-element.hide{opacity:0}[data-gene-ui-version=\"2.12.2\"] .input-element::input-placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"2.12.2\"] .input-element:placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"2.12.2\"] .input-element::placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"2.12.2\"] .input-element:input-placeholder{color:rgba(var(--background-sc-rgb),.375);font-size:1.4rem;font-weight:600;transition:color .15s}[data-gene-ui-version=\"2.12.2\"] .input-element.read-only:not(.textarea-element){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-gene-ui-version=\"2.12.2\"] .textarea-element,[data-gene-ui-version=\"2.12.2\"] textarea.input-element{border:1px solid #0000;cursor:auto;height:var(--textarea-height);overflow:auto;padding:1rem var(--input-element-padding-side);padding-right:70px!important;text-overflow:unset;white-space:normal}[data-gene-ui-version=\"2.12.2\"] .textarea-element.read-only,[data-gene-ui-version=\"2.12.2\"] textarea.input-element.read-only{height:auto}[data-gene-ui-version=\"2.12.2\"] .textarea-element::-webkit-scrollbar,[data-gene-ui-version=\"2.12.2\"] textarea.input-element::-webkit-scrollbar{height:1.6rem;width:1.6rem}[data-gene-ui-version=\"2.12.2\"] .textarea-element::-webkit-scrollbar-thumb,[data-gene-ui-version=\"2.12.2\"] textarea.input-element::-webkit-scrollbar-thumb{background:rgba(var(--background-sc-rgb),.05);border:.4rem solid var(--background);border-radius:1.6rem}[data-gene-ui-version=\"2.12.2\"] div.input-element{align-items:center;display:flex;justify-content:flex-start}[data-gene-ui-version=\"2.12.2\"] div.input-element:not([readonly]).placeholder{color:rgba(var(--background-sc-rgb),.375)}[data-gene-ui-version=\"2.12.2\"] div.input-element:not([readonly]).placeholder:focus{color:rgba(var(--background-sc-rgb),0)}[data-gene-ui-version=\"2.12.2\"] .input-element[readonly]{cursor:inherit}[data-gene-ui-version=\"2.12.2\"] .input-element[readonly]::selection{background:#0000;color:inherit}[data-gene-ui-version=\"2.12.2\"] .input-element[type=date],[data-gene-ui-version=\"2.12.2\"] .input-element[type=datetime-local],[data-gene-ui-version=\"2.12.2\"] .input-element[type=time]{line-height:var(--input-element-height)}[data-gene-ui-version=\"2.12.2\"] .input-fake-placeholder{align-items:center;color:rgba(var(--background-sc-rgb),.375);display:flex;font:600 1.4rem/1.8rem var(--font-family);height:100%;left:0;padding:0 var(--input-element-padding-side);pointer-events:none;position:absolute;top:0;transition:opacity .15s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.12.2\"] .input-fake-placeholder.hide{opacity:0}[data-gene-ui-version=\"2.12.2\"] .input-swap-label{display:flex;font:600 1rem/1.8rem var(--font-family);left:0;max-width:100%;padding:0 var(--input-message-padding-side);position:absolute;top:-.9rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:5}[data-gene-ui-version=\"2.12.2\"] .input-swap-label .icon{font-size:1.8rem;transition:none}[data-gene-ui-version=\"2.12.2\"] .input-swap{max-width:100%;overflow:hidden}[data-gene-ui-version=\"2.12.2\"] .input-swap-animate{align-items:center;background:var(--background);box-shadow:inset 0 -.8rem 0 var(--input-element-background);color:var(--swap-label-color);display:flex;max-width:100%;padding:0 .4rem;transition:transform .3s,opacity .3s .1s,color .3s}[data-gene-ui-version=\"2.12.2\"] .input-swap-animate>*+*{margin-inline-start:.5rem}[data-gene-ui-version=\"2.12.2\"] .input-swap-animate.hide{opacity:0;transform:translateY(100%)}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder{padding:var(--number-actions-holder-padding)}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul{background:var(--background);border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:.7rem;color:inherit;font-size:1rem;width:1.5rem}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul>li{cursor:pointer;transition:color .3s,background .3s,opacity .3s}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul>li:first-child{border-radius:.7rem .7rem 0 0}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul>li:last-child{border-radius:0 0 .7rem .7rem}[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul>li.disabled{opacity:.5;pointer-events:none}@media (hover:hover){[data-gene-ui-version=\"2.12.2\"] .number-actions-holder>ul>li:hover{background:rgba(var(--background-sc-rgb),.03);color:var(--hero)}}[data-gene-ui-version=\"2.12.2\"] .information-message{cursor:default;font:600 1.2rem/1.42 var(--font-family);margin:.6rem 0 0;padding:0 var(--input-message-padding-side);width:100%}[data-gene-ui-version=\"2.12.2\"] .information-message:empty{display:none}[data-gene-ui-version=\"2.12.2\"] .input-description{cursor:default;font:600 1.4rem/2rem var(--font-family);margin:1rem 0 0;max-width:100%;opacity:.7}[data-gene-ui-version=\"2.12.2\"] .input-structure~.input-description{padding:0 1rem}[data-gene-ui-version=\"2.12.2\"] .input-title{align-items:center;cursor:default;display:flex;font:600 1.4rem/2rem var(--font-family);margin:0 0 .4rem;max-width:100%;opacity:.5;padding:0 var(--input-message-padding-side)}[data-gene-ui-version=\"2.12.2\"] .input-title>*+*{margin-inline-start:.5rem}";
 styleInject(css_248z);
 
 function replaceBetween(start, end, initial, what) {
@@ -100,6 +101,9 @@ const ExtendedInput = /*#__PURE__*/forwardRef((props, ref) => {
   const isControlled = 'value' in props && typeof value !== 'undefined';
   // non strict equality is needed for covering 'undefined' case also
   const inputValue = isControlled ? value != null ? value : '' : localValue;
+  const [isTextTruncated, setIsTextTruncated] = useState(false);
+  const isTruncated = useEllipsisDetection(inputRef, [inputValue]);
+  useEffect(() => setIsTextTruncated(isTruncated), [isTruncated]);
   useEffect(() => {
     isControlled && value && value !== inputValue && setLocalValue(value);
   }, [value, isControlled, inputValue]);
@@ -113,9 +117,15 @@ const ExtendedInput = /*#__PURE__*/forwardRef((props, ref) => {
     onChange(e);
   };
   const handleFocus = useCallback(e => {
-    setFocused(true);
-    onFocus(e);
-  }, [onFocus]);
+    if (isDropdown && (writeProtected || isMobile)) {
+      var _inputRef$current;
+      stopEvent(e, true);
+      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.blur();
+    } else {
+      setFocused(true);
+      onFocus(e);
+    }
+  }, [onFocus, isTextTruncated, isMobile, value]);
   const handleIconClick = useCallback(e => {
     // We will remove this later, when get report who use this
     if (clickableIcon) {
@@ -344,199 +354,199 @@ ExtendedInput.propTypes = {
   /**
    * Additional className
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Control ExtendedInput disabled state with this prop
    */
-  disabled: propTypesExports.bool,
+  disabled: PropTypes.bool,
   /**
    * Borders will be colored on when "isValid" and this props are set to "true"
    */
-  colorBorderOnError: propTypesExports.bool,
+  colorBorderOnError: PropTypes.bool,
   /**
    * Shows an icon to clear ExtendedInput's value when set to "true"
    */
-  showClearIcon: propTypesExports.bool,
+  showClearIcon: PropTypes.bool,
   /**
    * Use this props in combo with "icon" prop. This will fire on icon click when set to "true"
    */
-  clickableIcon: propTypesExports.bool,
+  clickableIcon: PropTypes.bool,
   /**
    * Shows an error icon when "isValid" is set to "false" and this prop is set to "true"
    */
-  showErrorIcon: propTypesExports.bool,
+  showErrorIcon: PropTypes.bool,
   /**
    * Shows an "Icon" for number inputs, when "type" is set to "number" and this prop is et to "true"
    */
-  showNumberIcon: propTypesExports.bool,
+  showNumberIcon: PropTypes.bool,
   /**
    *.
    */
-  showClickableTooltipOnError: propTypesExports.bool,
+  showClickableTooltipOnError: PropTypes.bool,
   /**
    * ExtendedInput borders are colored when "isValid" and this props are set to "true"
    */
-  colorOnValid: propTypesExports.bool,
+  colorOnValid: PropTypes.bool,
   /**
    * ExtendedInput will display an icon when "isValid" and this props are set to "true"
    */
-  showIconOnValid: propTypesExports.bool,
+  showIconOnValid: PropTypes.bool,
   /**
    * Shows the "errorText" value in "Tooltip" when set to "true"
    */
-  showErrorWithTooltip: propTypesExports.bool,
+  showErrorWithTooltip: PropTypes.bool,
   /**
    * Control ExtendedInput validation. For more info see "ValidatableNumberInput", "ValidatableTextInput"(integrated ExtendedInputs with "Form" organism).
    */
-  isValid: propTypesExports.bool,
+  isValid: PropTypes.bool,
   /**
    * Use this prop to specify error message. This will be displayed when "isValid" is set to "false"
    */
-  errorText: propTypesExports.string,
+  errorText: PropTypes.string,
   /**
    * Use this prop to specify tooltip message.
    */
-  tooltipText: propTypesExports.string,
+  tooltipText: PropTypes.string,
   /**
    * Specify increment or decrement value, when arrow up or down are clicked
    */
-  step: propTypesExports.number,
+  step: PropTypes.number,
   /**
    * Valid values are same as "Icon" type
    */
-  icon: propTypesExports.string,
+  icon: PropTypes.string,
   /**
    * ExtendedInput placeholder
    */
-  placeholder: propTypesExports.string,
+  placeholder: PropTypes.string,
   /**
    * Control items direction
    */
-  itemsDirection: propTypesExports.oneOf(inputConfig.itemsDirection),
+  itemsDirection: PropTypes.oneOf(inputConfig.itemsDirection),
   /**
    * Use this prop to control ExtendedInput state. Note that when you specify this prop, the ExtendedInput will not functionate itself
    */
-  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * ExtendedInput type
    */
-  type: propTypesExports.oneOf(inputConfig.type).isRequired,
+  type: PropTypes.oneOf(inputConfig.type).isRequired,
   /**
    * ExtendedInput appearance
    */
-  appearance: propTypesExports.oneOf(inputConfig.appearance),
+  appearance: PropTypes.oneOf(inputConfig.appearance),
   /**
    * ExtendedInput size
    */
-  inputSize: propTypesExports.oneOf(inputConfig.size),
+  inputSize: PropTypes.oneOf(inputConfig.size),
   /**
    * ExtendedInput corner radius
    */
-  cornerRadius: propTypesExports.oneOf(inputConfig.cornerRadius),
+  cornerRadius: PropTypes.oneOf(inputConfig.cornerRadius),
   /**
    * Will make ExtendedInput readonly when set to "true"
    */
-  readOnly: propTypesExports.bool,
+  readOnly: PropTypes.bool,
   /**
    * How to display inscription in relation to it's parent in ExtendedInput
    */
-  flexibility: propTypesExports.oneOf(inputConfig.flexibility),
+  flexibility: PropTypes.oneOf(inputConfig.flexibility),
   /**
    * This prop will only applied once as defaultState for "value" when ExtendedInput mounts.
    * Note that specifying this prop is not mean controlling it.
    */
-  defaultValue: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Shows an "Icon" to remove ExtendedInput's value
    */
-  canClear: propTypesExports.bool,
+  canClear: PropTypes.bool,
   /**
    * Fires an event on clear "Icon" click((element: Element) => void)
    */
-  onClear: propTypesExports.func,
+  onClear: PropTypes.func,
   /**
    * Fires an event on ExtendedInput change((event: Event) => void)
    */
-  onChange: propTypesExports.func,
+  onChange: PropTypes.func,
   /**
    * Specify a label for ExtendedInput
    */
-  label: propTypesExports.string,
+  label: PropTypes.string,
   /**
    * Specify a "label" appearance
    */
-  labelAppearance: propTypesExports.oneOf(inputConfig.labelAppearance),
+  labelAppearance: PropTypes.oneOf(inputConfig.labelAppearance),
   /**
    * Will add an additional description field
    */
-  description: propTypesExports.node,
+  description: PropTypes.node,
   /**
    * Property is needed for "Dropdown" organism usage
    */
-  isDropdown: propTypesExports.bool,
+  isDropdown: PropTypes.bool,
   /**
    * Fires an event on ExtendInput <input /> click((event: Event => void))
    */
-  onClick: propTypesExports.func,
+  onClick: PropTypes.func,
   /**
    * Typing will be blocked when set to "true". Note design is different from "readonly" prop's design
    */
-  writeProtected: propTypesExports.bool,
+  writeProtected: PropTypes.bool,
   /**
    * Input field maximum value
    */
-  max: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Input field minimum value
    */
-  min: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+  min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Callback fires when input is focused
    */
-  onFocus: propTypesExports.func,
+  onFocus: PropTypes.func,
   /**
    * Callback fires when input loose focus
    */
-  onBlur: propTypesExports.func,
+  onBlur: PropTypes.func,
   /**
    * Callback fires when clicked the icon </br>
    * as a first parameter passed native event </br>
    * as a second parameter passed is blur function </br>
    * initiated by icon click
    */
-  onIconClick: propTypesExports.func,
+  onIconClick: PropTypes.func,
   /**
    * Define is input required or no.
    */
-  required: propTypesExports.bool,
+  required: PropTypes.bool,
   /**
    * The switch between mobile and desktop version
    */
-  screenType: propTypesExports.oneOf(screenTypes),
+  screenType: PropTypes.oneOf(screenTypes),
   /**
    * Define is  need input info icon required.
    */
-  withInfoIcon: propTypesExports.bool,
+  withInfoIcon: PropTypes.bool,
   /**
    * ExtendedInput info icon title.
    */
-  infoIconTitle: propTypesExports.string,
+  infoIconTitle: PropTypes.string,
   /**
    * Max Length of input Value
    */
-  maxLength: propTypesExports.number,
+  maxLength: PropTypes.number,
   /**
    * Show Remaining Length of input value, works only with maxLength
    */
-  showRemainingLength: propTypesExports.bool,
+  showRemainingLength: PropTypes.bool,
   /**
    * Decoration that can be added to the inner input field at the start
    */
-  startAdornment: propTypesExports.oneOfType([propTypesExports.element, propTypesExports.string, propTypesExports.number, propTypesExports.node]),
+  startAdornment: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number, PropTypes.node]),
   /**
    * Decoration that can be added to the inner input field at the end
    */
-  endAdornment: propTypesExports.oneOfType([propTypesExports.element, propTypesExports.string, propTypesExports.number, propTypesExports.node])
+  endAdornment: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number, PropTypes.node])
 };
 ExtendedInput.defaultProps = {
   step: 1,

package/Form/index.js

@@ -0,0 +1,83 @@
+import 'react';
+import 'prop-types';
+import FormContainer from '../FormContainer/index.js';
+export { default as FormableMultiSelectDropdown } from '../FormableMultiSelectDropdown/index.js';
+export { default as FormableNumberInput } from '../FormableNumberInput/index.js';
+export { default as FormableDatePicker } from '../FormableDatePicker/index.js';
+export { default as FormableTextInput } from '../FormableTextInput/index.js';
+export { default as FormableDropdown } from '../FormableDropdown/index.js';
+export { default as FormableCheckbox } from '../FormableCheckbox/index.js';
+export { default as FormableUploader } from '../FormableUploader/index.js';
+export { default as FormableSwitcher } from '../FormableSwitcher/index.js';
+export { default as FormableEditor } from '../FormableEditor/index.js';
+export { default as FormableRadio } from '../FormableRadio/index.js';
+export { F as FormableHOC } from '../FormableHOC-55263162.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
+import '../index-a0e4e333.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+import '../Paper/index.js';
+import '../style-inject.es-746bb8ed.js';
+import '../Button/index.js';
+import '../index-6ff23041.js';
+import '../Icon/index.js';
+import '../index-262edd7a.js';
+import '../ValidatableMultiSelectDropdown/index.js';
+import '../hooks/useMount.js';
+import '../configs-fed6ac34.js';
+import '../index-34e47647.js';
+import '../objectWithoutPropertiesLoose-d8a4a68c.js';
+import '../react-lifecycles-compat.es-6e1f3768.js';
+import '../clsx.m-2bb6df4b.js';
+import '../hooks/useClick.js';
+import '../hooks/useKeyDown.js';
+import '../hooks/useDeviceType.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useClickOutside.js';
+import '../hooks/useUpdatableRef.js';
+import '../hooks/useForceUpdate.js';
+import '../hooks/useEllipsisDetection.js';
+import '../BusyLoader/index.js';
+import '../Empty/index.js';
+import '../index-462461c0.js';
+import '../index-122432cd.js';
+import '../Scrollbar/index.js';
+import '../GeneUIProvider/index.js';
+import '../debounce-4419bc2f.js';
+import '../Tooltip/index.js';
+import '../Popover-f4d1cac0.js';
+import '../ExtendedInput/index.js';
+import '../SuggestionList/index.js';
+import '../config-0ca92874.js';
+import '../Checkbox/index.js';
+import '../checkboxRadioSwitcher-5b69d7bd.js';
+import '../guid-8ddf77b3.js';
+import '../index-2ad83e03.js';
+import '../Tag/index.js';
+import '../ValidatableNumberInput/index.js';
+import '../ValidatableDatePicker/index.js';
+import '../DatePickerInput/index.js';
+import '../DatePicker/index.js';
+import '../localization-4ba17032.js';
+import '../checkTimeValidation-e56771be.js';
+import '../ValidatableTextInput/index.js';
+import '../ValidatableDropdown/index.js';
+import '../ValidatableCheckbox/index.js';
+import '../ValidatableUploader/index.js';
+import '../Uploader/index.js';
+import '../Grid/index.js';
+import '../hooks/useWidth.js';
+import '../hooks/useImgDownload.js';
+import '../Image/index.js';
+import '../ValidatableSwitcher/index.js';
+import '../Switcher/index.js';
+import '../Editor/index.js';
+import '../index-45eafea6.js';
+import '../ValidatableRadio/index.js';
+import '../RadioGroup/index.js';
+import '../Radio/index.js';
+
+
+
+export { FormContainer as default };