@salutejs/plasma-new-hope 0.336.0-canary.2163.17485485502.0 → 0.336.0-canary.2184.17486296992.0

package/es/components/TimePicker/TimePicker.css

@@ -0,0 +1,86 @@
+.base_1oec4lw_b13ve66i__de8e763a{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_io4bpie__de8e763a{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_i13qvwoy__de8e763a{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasChips__de8e763a{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentLeft__de8e763a{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentRight__de8e763a{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_luk2zst__de8e763a,.base_1oec4lw_b13ve66i__de8e763a:not(.base_1oec4lw_labelPlacementInner__de8e763a) .base_1oec4lw_s14qvple__de8e763a{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s16itze4__de8e763a{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_h1skqnhr__de8e763a{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_tlv9av6__de8e763a{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_lb3k3v1__de8e763a{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a,.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a{margin:var(--plasma-textfield__before-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{margin:var(--plasma-textfield__after-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a .base_1oec4lw_s190z894__de8e763a{margin:var(--plasma-textfield__right-content-with-hint-margin);}
+
+.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_io4bpie__00473380{color:var(--plasma-textfield-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_i19ry60d__00473380{color:var(--plasma-textfield__placeholder-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_iq39zt5__00473380:focus-within .base_1npz45o_i19ry60d__00473380{color:var(--plasma-textfield__placeholder-color-focus);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_tlv9av6__00473380{color:var(--plasma-textfield__title-caption-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_lb3k3v1__00473380{color:var(--plasma-textfield__left-helper-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_s7hnwwb__00473380{color:var(--plasma-textfield__before-text-color);}.base_1npz45o_bptx5xt__00473380 .base_1npz45o_smqgwd8__00473380{color:var(--plasma-textfield__after-text-color);}
+
+.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58[readonly] .base_appgl3_iq39zt5__37c89a58,.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_iq39zt5__37c89a58{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58[readonly] .base_appgl3_iq39zt5__37c89a58:hover,.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_iq39zt5__37c89a58:hover{background-color:unset;}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_s1gjsnfi__37c89a58{margin-left:0;}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_s190z894__37c89a58{margin-right:0;}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_labelPlacementOuter__37c89a58 .base_appgl3_obt1ohz__37c89a58{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_io4bpie__37c89a58{color:var(--plasma-textfield-clear-color);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_i19ry60d__37c89a58{color:var(--plasma-textfield__clear-placeholder-color);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_szsveq4__37c89a58.base_appgl3_labelPlacementInner__37c89a58{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58 .base_appgl3_szsveq4__37c89a58.base_appgl3_labelPlacementInner__37c89a58.base_appgl3_requiredAlignRight__37c89a58{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasHint__37c89a58 .base_appgl3_s16itze4__37c89a58.base_appgl3_labelPlacementInner__37c89a58{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasHint__37c89a58 .base_appgl3_szsveq4__37c89a58.base_appgl3_labelPlacementInner__37c89a58.base_appgl3_requiredAlignRight__37c89a58{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasDivider__37c89a58 .base_appgl3_iq39zt5__37c89a58{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasDivider__37c89a58 .base_appgl3_iq39zt5__37c89a58:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasDivider__37c89a58:not([readonly]) .base_appgl3_iq39zt5__37c89a58:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasDivider__37c89a58:not([readonly]) .base_appgl3_iq39zt5__37c89a58:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_appgl3_bg547ku__37c89a58.base_appgl3_textfieldClear__37c89a58.base_appgl3_textfieldHasDivider__37c89a58:not([readonly]) .base_appgl3_iq39zt5__37c89a58:focus-within .base_appgl3_i19ry60d__37c89a58{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+
+.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
+
+.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
+
+.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
+
+.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
+
+.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
+
+.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
+.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
+
+.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
+
+.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
+.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
+.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
+.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
+.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
+.TextField_styles_xvs3tf_s600610__6229ab57{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
+.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
+
+.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
+.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+
+.base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
+
+.base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
+.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
+.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+
+.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
+
+.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
+.Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
+
+
+.TimePicker_styles_1veu5q1_s1ghbm1p__937ad947{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.TimePicker_styles_1veu5q1_s1ghbm1p__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerError__937ad947{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.TimePicker_styles_1veu5q1_s1ghbm1p__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerSuccess__937ad947{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
+.TimePicker_styles_1veu5q1_b19h9m1x__937ad947{display:inline-block;width:var(--plasma-time-picker-width);}.TimePicker_styles_1veu5q1_b19h9m1x__937ad947 .TimePicker_styles_1veu5q1_popoverWrapper__937ad947,.TimePicker_styles_1veu5q1_b19h9m1x__937ad947 .TimePicker_styles_1veu5q1_popoverTarget__937ad947{width:inherit;}.TimePicker_styles_1veu5q1_b19h9m1x__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerStretched__937ad947{width:100%;}.TimePicker_styles_1veu5q1_b19h9m1x__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerStretched__937ad947 .TimePicker_styles_1veu5q1_popoverRoot__937ad947{width:100%;}.TimePicker_styles_1veu5q1_b19h9m1x__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerFullWidth__937ad947{width:100%;}
+.TimePicker_styles_1veu5q1_slnaiay__937ad947{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;box-sizing:border-box;position:relative;}
+.TimePicker_styles_1veu5q1_sh0cawu__937ad947{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.TimePicker_styles_1veu5q1_sh0cawu__937ad947:hover{background:var(--plasma-time-picker-item-hover-background);}.TimePicker_styles_1veu5q1_sh0cawu__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerItemActive__937ad947{background:var(--plasma-time-picker-item-active-background);}
+.TimePicker_styles_1veu5q1_s15lrh1g__937ad947{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;padding:0.063rem;box-sizing:border-box;}.TimePicker_styles_1veu5q1_s15lrh1g__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerColumnActive__937ad947{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.TimePicker_styles_1veu5q1_s15lrh1g__937ad947::-webkit-scrollbar{width:0.125rem;height:0.125rem;}.TimePicker_styles_1veu5q1_s15lrh1g__937ad947::-webkit-scrollbar-track{background:var(--surface-transparent-primary);border-radius:0.125rem;}.TimePicker_styles_1veu5q1_s15lrh1g__937ad947::-webkit-scrollbar-thumb{background:var(--surface-transparent-tertiary);border-radius:0.125rem;}
+.TimePicker_styles_1veu5q1_s18qymw0__937ad947{height:calc(var(--plasma-time-picker-column-height) - var(--plasma-time-picker-item-height));}
+.TimePicker_styles_1veu5q1_s1wgh6jw__937ad947{height:var(--plasma-time-picker-item-height);border-radius:var(--plasma-time-picker-item-border-radius);position:absolute;top:var(--plasma-time-picker-ui-padding);left:var(--plasma-time-picker-ui-padding);right:var(--plasma-time-picker-ui-padding);z-index:2;}.TimePicker_styles_1veu5q1_s1wgh6jw__937ad947.TimePicker_styles_1veu5q1_plasmaTimePickerActive__937ad947{background:var(--plasma-time-picker-item-active-background);}
+
+.base_nyid0i_bxyi89k__8a89f178[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
+
+.base_zalfas_b13m44ib__f47929ae[readonly]{cursor:not-allowed;}

package/es/components/TimePicker/TimePicker.js

@@ -0,0 +1,453 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import cls from 'classnames';
+import { range, animateScrollTo, processTimeInput } from './utils/index.js';
+import { StyledPopover, StyledTimePicker, base, StyledInput, StyledTimeColumn, StyledTimeItem } from './TimePicker.styles.js';
+import { classes } from './TimePicker.tokens.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$3 } from './variations/_disabled/base.js';
+import { base as base$4 } from './variations/_readonly/base.js';
+import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
+import { getPlacements } from '../../utils/getPopoverPlacement.js';
+
+var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "disabled", "readonly", "frame", "usePortal", "closeOnOverlayClick", "closeOnEsc", "offset", "stretched", "dropdownAlign", "dropdownWidth", "dropdownHeight", "columnsQuantity", "onToggle", "onFocus", "onChange"];
+var timePickerRoot = function timePickerRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+      _ref$opened = _ref.opened,
+      opened = _ref$opened === void 0 ? false : _ref$opened,
+      outerValue = _ref.value,
+      label = _ref.label,
+      _ref$labelPlacement = _ref.labelPlacement,
+      labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
+      keepPlaceholder = _ref.keepPlaceholder,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$requiredPlacemen = _ref.requiredPlacement,
+      requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
+      _ref$hasRequiredIndic = _ref.hasRequiredIndicator,
+      hasRequiredIndicator = _ref$hasRequiredIndic === void 0 ? true : _ref$hasRequiredIndic,
+      placeholder = _ref.placeholder,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      view = _ref.view,
+      size = _ref.size,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readonly = _ref.readonly,
+      readonly = _ref$readonly === void 0 ? false : _ref$readonly,
+      _ref$frame = _ref.frame,
+      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
+      _ref$usePortal = _ref.usePortal,
+      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
+      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
+      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+      offset = _ref.offset,
+      stretched = _ref.stretched,
+      _ref$dropdownAlign = _ref.dropdownAlign,
+      dropdownAlign = _ref$dropdownAlign === void 0 ? 'left' : _ref$dropdownAlign,
+      dropdownWidth = _ref.dropdownWidth,
+      dropdownHeight = _ref.dropdownHeight,
+      _ref$columnsQuantity = _ref.columnsQuantity,
+      columnsQuantity = _ref$columnsQuantity === void 0 ? 2 : _ref$columnsQuantity,
+      onToggle = _ref.onToggle,
+      onFocus = _ref.onFocus,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var inputRef = useRef(null);
+    var timeSelectRootRef = useRef(null);
+    var hoursColumnRef = useRef(null);
+    var minutesColumnRef = useRef(null);
+    var secondsColumnRef = useRef(null);
+    var timeItemRefs = useRef({});
+    var _useState = useState(opened),
+      _useState2 = _slicedToArray(_useState, 2),
+      isInnerOpen = _useState2[0],
+      setIsInnerOpen = _useState2[1];
+    var _useState3 = useState(outerValue || ''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      innerTime = _useState4[0],
+      setInnerTime = _useState4[1];
+    var _useState5 = useState({
+        hours: null,
+        minutes: null,
+        seconds: null,
+        currentColumn: null
+      }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      activeTime = _useState6[0],
+      setActiveTime = _useState6[1];
+    var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      itemHeight = _useState8[0],
+      setItemHeight = _useState8[1];
+    var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
+    var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
+    var hours = range(24);
+    var minutes = range(60);
+    var seconds = range(60);
+    useEffect(function () {
+      if (viewValue) {
+        var timeString = viewValue;
+        if (format === 'HH:mm' && viewValue.length > 5) {
+          timeString = viewValue.substring(0, 5);
+        }
+        setInnerTime(viewValue);
+        var _timeString$split$map = timeString.split(':').map(Number),
+          _timeString$split$map2 = _slicedToArray(_timeString$split$map, 3),
+          hh = _timeString$split$map2[0],
+          mm = _timeString$split$map2[1],
+          ss = _timeString$split$map2[2];
+        setActiveTime({
+          hours: !Number.isNaN(hh) ? hh : null,
+          minutes: !Number.isNaN(mm) ? mm : null,
+          seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,
+          currentColumn: null
+        });
+      }
+    }, [outerValue, format]);
+    useEffect(function () {
+      if (isInnerOpen && (disabled || readonly)) {
+        setIsInnerOpen(false);
+      }
+    }, [disabled, readonly]);
+    useEffect(function () {
+      if (isInnerOpen && Object.keys(timeItemRefs.current).length > 0) {
+        var firstItem = Object.values(timeItemRefs.current)[0];
+        if (firstItem) {
+          setItemHeight(firstItem.offsetHeight);
+        }
+      }
+    }, [isInnerOpen]);
+    useEffect(function () {
+      if (!isInnerOpen || itemHeight === 0) return;
+      var scrollToActiveItem = function scrollToActiveItem(columnRef, index) {
+        if (columnRef.current) {
+          animateScrollTo(columnRef.current, (index !== null && index !== void 0 ? index : 0) * itemHeight);
+        }
+      };
+      scrollToActiveItem(hoursColumnRef, activeTime.hours);
+      scrollToActiveItem(minutesColumnRef, activeTime.minutes);
+      scrollToActiveItem(secondsColumnRef, activeTime.seconds);
+    }, [activeTime, isInnerOpen, itemHeight]);
+    var handleToggle = function handleToggle() {
+      if (disabled || readonly) return;
+      var newState = !isInnerOpen;
+      setIsInnerOpen(newState);
+      if (newState) {
+        setActiveTime(function (prev) {
+          return _objectSpread2(_objectSpread2({}, prev), {}, {
+            currentColumn: 'hours'
+          });
+        });
+      }
+      onToggle === null || onToggle === void 0 || onToggle(newState);
+    };
+    var handleCalendarRootClick = function handleCalendarRootClick(event) {
+      if (disabled || readonly) return;
+      if (isInnerOpen && stretched && event.target === (timeSelectRootRef === null || timeSelectRootRef === void 0 ? void 0 : timeSelectRootRef.current)) {
+        setIsInnerOpen(false);
+        onToggle === null || onToggle === void 0 || onToggle(false);
+      }
+    };
+    var handleTimeItemClick = function handleTimeItemClick(value, column) {
+      var isNextColumn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var currentTime = innerTime.split(':');
+      var newTime = [];
+      if (format === 'HH:mm:ss') {
+        newTime = _toConsumableArray(currentTime);
+        while (newTime.length < 3) {
+          newTime.push('00');
+        }
+      } else {
+        newTime = _toConsumableArray(currentTime);
+        while (newTime.length < 2) {
+          newTime.push('00');
+        }
+        newTime = newTime.slice(0, 2);
+      }
+      switch (column) {
+        case 'hours':
+          newTime[0] = value;
+          if (!currentTime[1]) {
+            newTime[1] = '00';
+          }
+          if (format === 'HH:mm:ss') {
+            if (!currentTime[2]) {
+              newTime[2] = '00';
+            }
+          }
+          break;
+        case 'minutes':
+          newTime[1] = value;
+          if (!currentTime[0]) {
+            newTime[0] = '00';
+          }
+          if (format === 'HH:mm:ss') {
+            if (!currentTime[2]) {
+              newTime[2] = '00';
+            }
+          }
+          break;
+        case 'seconds':
+          if (format === 'HH:mm:ss') {
+            newTime[2] = value;
+            if (!currentTime[0]) {
+              newTime[0] = '00';
+            }
+            if (!currentTime[1]) {
+              newTime[1] = '00';
+            }
+          }
+          break;
+      }
+      var newTimeString = newTime.join(':');
+      setInnerTime(newTimeString);
+      var nextColumn = null;
+      if (column === 'hours' && isNextColumn) {
+        nextColumn = 'minutes';
+      } else if (column === 'minutes' && isNextColumn) {
+        nextColumn = format === 'HH:mm:ss' ? 'seconds' : null;
+      } else {
+        nextColumn = activeTime.currentColumn;
+      }
+      var newActiveTime = {
+        hours: column === 'hours' ? parseInt(value, 10) : activeTime.hours,
+        minutes: column === 'minutes' ? parseInt(value, 10) : activeTime.minutes,
+        seconds: column === 'seconds' ? parseInt(value, 10) : activeTime.seconds,
+        currentColumn: nextColumn
+      };
+      setActiveTime(newActiveTime);
+      onChange === null || onChange === void 0 || onChange({
+        value: newTimeString,
+        timeValues: {
+          hh: parseInt(newTime[0], 10),
+          mm: parseInt(newTime[1], 10),
+          ss: format === 'HH:mm:ss' ? parseInt(newTime[2] || '0', 10) : null
+        }
+      });
+    };
+    var handleInputChange = function handleInputChange(event) {
+      var input = event.target.value;
+      var cursorPos = event.target.selectionStart;
+      var _processTimeInput = processTimeInput(input, format, cursorPos),
+        innerString = _processTimeInput.innerString,
+        values = _processTimeInput.values,
+        newCursorPosition = _processTimeInput.newCursorPosition;
+      setInnerTime(innerString);
+      setActiveTime(function (prev) {
+        return _objectSpread2(_objectSpread2({}, prev), {}, {
+          hours: values.hh,
+          minutes: values.mm,
+          seconds: values.ss
+        });
+      });
+      onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, event), {}, {
+        target: _objectSpread2(_objectSpread2({}, event.target), {}, {
+          value: innerString,
+          timeValues: values
+        })
+      }));
+      requestAnimationFrame(function () {
+        if (inputRef.current) {
+          inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);
+        }
+      });
+    };
+    var handleKeyDown = function handleKeyDown(event) {
+      var _activeTime$currentCo, _activeTime$currentCo2, _activeTime$newColumn, _activeTime$newColumn2;
+      if (event.key === 'Enter' && !isInnerOpen) {
+        event.preventDefault();
+        setIsInnerOpen(true);
+        setActiveTime(function (prev) {
+          return _objectSpread2(_objectSpread2({}, prev), {}, {
+            currentColumn: 'hours'
+          });
+        });
+        onToggle === null || onToggle === void 0 || onToggle(true);
+        return;
+      }
+      if (!isInnerOpen) return;
+      var currentColumn = activeTime.currentColumn;
+      if (!currentColumn) return;
+      var newIndex = null;
+      var newColumn = currentColumn;
+      if (['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) {
+        event.preventDefault();
+      }
+      if (['ArrowRight'].includes(event.key) && currentColumn !== 'seconds') {
+        event.preventDefault();
+      }
+      if (['ArrowLeft'].includes(event.key) && currentColumn !== 'hours') {
+        event.preventDefault();
+      }
+      switch (event.key) {
+        case 'ArrowUp':
+          newIndex = Math.max(0, ((_activeTime$currentCo = activeTime[currentColumn]) !== null && _activeTime$currentCo !== void 0 ? _activeTime$currentCo : 0) - 1);
+          if (newIndex !== null) {
+            var value = newIndex.toString().padStart(2, '0');
+            handleTimeItemClick(value, currentColumn, false);
+          }
+          break;
+        case 'ArrowDown':
+        case 'Tab':
+          event.preventDefault();
+          newIndex = Math.min(currentColumn === 'hours' ? 23 : 59, ((_activeTime$currentCo2 = activeTime[currentColumn]) !== null && _activeTime$currentCo2 !== void 0 ? _activeTime$currentCo2 : 0) + 1);
+          if (newIndex !== null) {
+            var _value = newIndex.toString().padStart(2, '0');
+            handleTimeItemClick(_value, currentColumn, false);
+          }
+          break;
+        case 'ArrowRight':
+        case 'Enter':
+          if (currentColumn === 'hours') newColumn = 'minutes';else if (currentColumn === 'minutes' && format === 'HH:mm:ss') newColumn = 'seconds';
+          newIndex = (_activeTime$newColumn = activeTime[newColumn]) !== null && _activeTime$newColumn !== void 0 ? _activeTime$newColumn : 0;
+          setActiveTime(_objectSpread2(_objectSpread2({}, activeTime), {}, _defineProperty({
+            currentColumn: newColumn
+          }, newColumn, newIndex)));
+          if (currentColumn === 'seconds' && format === 'HH:mm:ss' || currentColumn === 'minutes' && format === 'HH:mm') {
+            setIsInnerOpen(false);
+          }
+          break;
+        case 'ArrowLeft':
+          if (currentColumn === 'minutes') newColumn = 'hours';else if (currentColumn === 'seconds') newColumn = 'minutes';
+          newIndex = (_activeTime$newColumn2 = activeTime[newColumn]) !== null && _activeTime$newColumn2 !== void 0 ? _activeTime$newColumn2 : 0;
+          setActiveTime(_objectSpread2(_objectSpread2({}, activeTime), {}, _defineProperty({
+            currentColumn: newColumn
+          }, newColumn, newIndex)));
+          if (currentColumn === 'hours') {
+            setIsInnerOpen(false);
+          }
+          break;
+      }
+    };
+    var handleTimeItemKeyDown = function handleTimeItemKeyDown(event, column, value) {
+      if (event.key === 'Enter') {
+        event.preventDefault();
+        handleTimeItemClick(value, column);
+      }
+    };
+    var _useKeyNavigation = useKeyNavigation({
+        isCalendarOpen: isInnerOpen,
+        format: format,
+        maskWithFormat: true,
+        delimiter: ':',
+        closeOnEsc: closeOnEsc,
+        onToggle: handleToggle
+      }),
+      onKeyDownNavigation = _useKeyNavigation.onKeyDown;
+    var TimePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
+      ref: inputRef,
+      value: viewValue,
+      size: size,
+      disabled: disabled,
+      readOnly: readonly,
+      placeholder: placeholder,
+      contentLeft: contentLeft,
+      contentRight: contentRight,
+      textBefore: textBefore,
+      textAfter: textAfter,
+      onChange: handleInputChange,
+      onFocus: onFocus,
+      onKeyDown: function onKeyDown(e) {
+        onKeyDownNavigation(e);
+        handleKeyDown(e);
+      },
+      required: required,
+      requiredPlacement: requiredPlacement,
+      hasRequiredIndicator: hasRequiredIndicator,
+      label: label,
+      labelPlacement: labelPlacement,
+      keepPlaceholder: keepPlaceholder
+    });
+    var renderTimeColumn = function renderTimeColumn(values, column, columnRef) {
+      return /*#__PURE__*/React.createElement(StyledTimeColumn, {
+        key: column,
+        ref: columnRef,
+        height: dropdownHeight
+      }, values.map(function (value, index) {
+        return /*#__PURE__*/React.createElement(StyledTimeItem, {
+          key: value,
+          ref: function ref(el) {
+            timeItemRefs.current["".concat(column, "-").concat(value)] = el;
+          }
+          // tabIndex={activeTime[column] === index ? 0 : -1}
+          ,
+          className: cls(_defineProperty({}, classes.timeItemActive, activeTime[column] === index)),
+          onClick: function onClick() {
+            return handleTimeItemClick(value, column);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return handleTimeItemKeyDown(e, column, value);
+          }
+        }, value);
+      }));
+    };
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      stretched: stretched,
+      view: view,
+      size: size,
+      className: cls(classes.timePickerRoot, className, _defineProperty({}, classes.timePickerstretched, stretched)),
+      disabled: disabled,
+      readonly: readonly,
+      ref: ref
+    }, rest), /*#__PURE__*/React.createElement(StyledPopover, {
+      opened: isInnerOpen,
+      usePortal: usePortal,
+      frame: frame,
+      onToggle: handleToggle,
+      offset: offset,
+      placement: getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false),
+      trigger: "click",
+      closeOnOverlayClick: closeOnOverlayClick,
+      isFocusTrapped: false,
+      target: TimePickerInput,
+      preventOverflow: false,
+      align: dropdownAlign
+    }, /*#__PURE__*/React.createElement(Root, {
+      ref: timeSelectRootRef,
+      view: view,
+      size: size,
+      disabled: disabled,
+      readonly: readonly,
+      onClick: handleCalendarRootClick,
+      stretched: stretched
+    }, /*#__PURE__*/React.createElement(StyledTimePicker, {
+      width: dropdownWidth
+    }, renderTimeColumn(hours, 'hours', hoursColumnRef), renderTimeColumn(minutes, 'minutes', minutesColumnRef), columnsQuantity === 3 && renderTimeColumn(seconds, 'seconds', secondsColumnRef)))));
+  });
+};
+var timePickerConfig = {
+  name: 'TimePicker',
+  tag: 'div',
+  layout: timePickerRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    },
+    disabled: {
+      css: base$3,
+      attrs: true
+    },
+    readonly: {
+      css: base$4,
+      attrs: true
+    }
+  },
+  defaults: {
+    size: 'm',
+    view: 'default'
+  }
+};
+
+export { timePickerConfig, timePickerRoot };
+//# sourceMappingURL=TimePicker.js.map