npm - @vchasno/ui-kit - Versions diffs - 0.4.106 → 0.4.108 - Mend

@vchasno/ui-kit 0.4.106 → 0.4.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -5,6 +5,24 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [0.4.108] - 2026-06-26
+### Fixed
+-   **DateRangePicker** — selecting a second date earlier than the first now swaps them into a valid ascending range (via react-datepicker `swapRange`) instead of silently resetting the selection; a `normalizeOrder` guard at commit additionally ensures no saved range is ever reversed (also protects unvalidated consumer `presets`)
+-   **DateRangePicker** — clicking the same day twice (or re-clicking the end date of a cross-month range) no longer makes the calendar jump back a month; `openToDate` is now anchored in reducer state and refreshed only on open/preset/reset, so the view stays put during selection
+### Changed
+-   **DateRangePicker** — for a committed same-month range the calendar now opens anchored on the range's month (left pane) rather than the previous month
+## [0.4.107] - 2026-06-25
+### Changed
+-   **Spinner** — logo svg `square`  and remove opavity animations
 ## [0.4.106] - 2026-06-23
 ### Added

package/dist/components/Datepicker/DateRangePicker/DateRangePicker.d.ts CHANGED Viewed

@@ -4,7 +4,12 @@ import { MaskedInputProps } from 'react-text-mask';
 import Select from '../../Select/Select.js';
 import { LoadingFeedback, WithHint, ErrorFeedback, DataQa, HideEmptyMeta, WithPulseAnimation } from '../../types.js';
-type ControlledReactDatePickerProps = 'selectsRange' | 'selectsMultiple' | 'startDate' | 'endDate' | 'onChange' | 'value' | 'open' | 'onInputClick' | 'onClickOutside' | 'monthsShown' | 'shouldCloseOnSelect' | 'renderCustomHeader' | 'children' | 'onChangeRaw' | 'customInput';
+declare module 'react-datepicker' {
+    interface ReactDatePickerProps<WithRange extends boolean | undefined = undefined, WithMultiple extends boolean | undefined = undefined> {
+        swapRange?: boolean | undefined;
+    }
+}
+type ControlledReactDatePickerProps = 'selectsRange' | 'selectsMultiple' | 'swapRange' | 'startDate' | 'endDate' | 'onChange' | 'value' | 'open' | 'onInputClick' | 'onClickOutside' | 'monthsShown' | 'shouldCloseOnSelect' | 'renderCustomHeader' | 'children' | 'onChangeRaw' | 'customInput';
 interface DateRangePickerProps extends Omit<ReactDatePickerProps<true>, ControlledReactDatePickerProps>, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation> {
     startDate: Date | null;
     endDate: Date | null;

package/dist/components/Datepicker/DateRangePicker/DateRangePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"react-datepicker";import a from"react-text-mask";import n from"classnames";import{format as r,subMonths as l}from"date-fns";import{uk as c}from"date-fns/locale/uk";import i from"../../../icons/arrowLeft.js";import o from"../../../icons/arrowRight.js";import s from"../../../icons/calendar.js";import p from"../../../icons/clear.js";import m from"../../InputMeta/InputMeta.js";import u from"../../LabelText/LabelText.js";import d from"../../Select/Select.js";import"../../Select/SelectCreatable.js";import"react-select/async";import"react-select";import g from"../../Spinner/Spinner.js";import{pickerReducer as y,initialState as h}from"./DateRangePicker.reducer.js";import{buildRangeMask as k,formatRange as v,matchPresetLabel as _,parseRange as f,applyEndFallback as b}from"./utils.js";let E=()=>e.createElement("span",{className:"vchasno-ui-date-range-picker__custom-close-icon"},p),N=({startDate:p,endDate:N,onChange:C,label:D,disabled:w,required:x,loading:j,hint:T,error:S,className:L,dateFormat:M="dd/MM/yyyy",dataQa:R,hideEmptyMeta:I=!1,wide:A=!1,endDefaultsToToday:P=!1,pulse:H,isClearable:O=!1,minDate:q,maxDate:K,popperClassName:z,portalId:B,cancelLabel:F="Скасувати",saveLabel:G="Зберегти",locale:J=c,presets:Q=[],presetPlaceholder:U="Обрати період",presetSelectProps:V,onCancel:W,onConfirm:X,mask:Y,...Z})=>{var $,ee;let[et,ea]=e.useReducer(y,h),{isOpen:en,tempStartDate:er,tempEndDate:el,selectedPreset:ec,calendarKey:ei,inputText:eo}=et,es=e.useRef(null),ep=(Array.isArray(M)?M[0]:M)??"dd/MM/yyyy",em=Y??k(ep),eu={minDate:q,maxDate:K,allowStartOnly:P},ed=v(p,N,ep),eg=_(p,N,Q),ey=(e,t)=>{let[a,n]=b(e,t,P,new Date,K);C([a,n]),X?.([a,n]),ea({type:"close"})},eh=()=>{W?.(),ea({type:"cancel",startDate:p,endDate:N,inputText:ed})},ek=!!p||!!N,ev=!en&&null!==eg&&ek,e_=en?eo:ed;return e.createElement("label",{onClick:e=>e.preventDefault(),"data-qa":R,className:n("vchasno-ui-date-picker","vchasno-ui-date-range-picker",{"--loading":j,"--required":x,"--disabled":w,"--error":S,"--wide":A,"--not-empty":ek,"--filled":!!e_,"--preset-label":ev,"--is-label":!!D},L),onKeyDown:e=>{"Escape"===e.key&&en&&eh()},onKeyDownCapture:e=>{if("Enter"!==e.key)return;let t=e.target;if(!t.matches?.(".react-datepicker__input-container input"))return;e.preventDefault(),e.stopPropagation();let a=f(eo,ep,eu);a&&"empty"!==a&&ey(a.start,a.end)}},e.createElement("span",{ref:es,className:n("vchasno-ui-date-range-picker__wrapper",{"vchasno-ui-pulse-animation":H&&!w})},D&&e.createElement(u,null,D),e.createElement(t,{key:ei,openToDate:($=en?er:p,(ee=en?el:N)?l(ee,1):$||new Date),fixedHeight:!0,locale:J,disabled:w,placeholderText:"ДД/ММ/РРРР - ДД/ММ/РРРР",showPopperArrow:!1,className:n("vchasno-ui-date-range-picker__picker","vchasno-ui-date-picker__picker"),popperClassName:n("vchasno-ui-date-range-picker-popper",z),selectsRange:!0,startDate:en?er:p,endDate:en?el:N,onChange:e=>{let[t,a]=e;ea({type:"tempChange",start:t,end:a,inputText:v(t,a,ep)})},monthsShown:2,shouldCloseOnSelect:!1,open:en,onInputClick:()=>{w||en||ea({type:"open",startDate:p,endDate:N,inputText:ed})},onClickOutside:e=>{let t=e.target;t instanceof Node&&es.current?.contains(t)||eh()},enableTabLoop:!1,minDate:q,maxDate:K,portalId:B,value:e_,onChangeRaw:e=>{if(!(e.target instanceof HTMLInputElement))return;e.preventDefault();let t=e.target.value;ea({type:"typeChange",inputText:t,parsed:f(t,ep,eu)})},customInput:e.createElement(a,{inputMode:"numeric",mask:em,guide:!0}),renderCustomHeader:({monthDate:t,decreaseMonth:a,increaseMonth:n,prevMonthButtonDisabled:l,nextMonthButtonDisabled:c})=>e.createElement("div",{className:"vchasno-ui-date-range-picker__header"},e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__nav-btn",onClick:a,disabled:l},e.createElement(i,null)),e.createElement("span",{className:"vchasno-ui-date-range-picker__month-title"},r(t,"LLLL, yyyy",{locale:"string"==typeof J?void 0:J})),e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__nav-btn",onClick:n,disabled:c},e.createElement(o,null))),...Z},e.createElement("div",{className:"vchasno-ui-date-range-picker__presets"},Q.length>0&&e.createElement(d,{className:"vchasno-ui-date-range-picker__preset-select",isClearable:!0,options:Q.map(e=>({label:e.label,value:e.label})),value:ec,placeholder:U,onChange:e=>{let t=Array.isArray(e)?null:e;if(!t){ea({type:"reset"});return}let a=Q.find(e=>e.label===t.value);a&&ea({type:"presetSelect",option:t,start:a.range[0],end:a.range[1],inputText:v(a.range[0],a.range[1],ep)})},hideEmptyMeta:!0,wide:!0,...V})),e.createElement("div",{className:"vchasno-ui-date-range-picker__actions"},e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__cancel-btn",onClick:eh},F),e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__save-btn",onClick:()=>{ey(er,el)}},G))),ev&&e.createElement("span",{className:"vchasno-ui-date-range-picker__preset-label","aria-hidden":"true"},eg),j?e.createElement(g,{className:"vchasno-ui-date-range-picker__spinner"}):e.createElement(s,{className:"vchasno-ui-date-range-picker__custom-calendar-icon"}),O&&ek&&!w&&e.createElement("button",{type:"button","aria-label":"Очистити",className:"vchasno-ui-date-range-picker__clear-btn",onClick:()=>{C([null,null]),ea({type:"reset"})}},e.createElement(E,null))),!I||S||T?e.createElement(m,{hint:T,error:S}):null)};N.displayName="DateRangePicker";export{N as default};
+import e from"react";import t from"react-datepicker";import a from"react-text-mask";import n from"classnames";import{format as r,isSameMonth as l,subMonths as c}from"date-fns";import{uk as o}from"date-fns/locale/uk";import i from"../../../icons/arrowLeft.js";import s from"../../../icons/arrowRight.js";import p from"../../../icons/calendar.js";import m from"../../../icons/clear.js";import u from"../../InputMeta/InputMeta.js";import d from"../../LabelText/LabelText.js";import g from"../../Select/Select.js";import"../../Select/SelectCreatable.js";import"react-select/async";import"react-select";import y from"../../Spinner/Spinner.js";import{pickerReducer as h,initialState as k}from"./DateRangePicker.reducer.js";import{buildRangeMask as v,formatRange as _,matchPresetLabel as f,parseRange as b,applyEndFallback as E,normalizeOrder as N}from"./utils.js";let C=()=>e.createElement("span",{className:"vchasno-ui-date-range-picker__custom-close-icon"},m),D=({startDate:m,endDate:D,onChange:w,label:T,disabled:x,required:j,loading:S,hint:L,error:M,className:R,dateFormat:I="dd/MM/yyyy",dataQa:A,hideEmptyMeta:P=!1,wide:H=!1,endDefaultsToToday:O=!1,pulse:q,isClearable:K=!1,minDate:z,maxDate:B,popperClassName:F,portalId:G,cancelLabel:J="Скасувати",saveLabel:Q="Зберегти",locale:U=o,presets:V=[],presetPlaceholder:W="Обрати період",presetSelectProps:X,onCancel:Y,onConfirm:Z,mask:$,...ee})=>{let[et,ea]=e.useReducer(h,k),{isOpen:en,tempStartDate:er,tempEndDate:el,selectedPreset:ec,calendarKey:eo,inputText:ei,openToDate:es}=et,ep=e.useRef(null),em=(Array.isArray(I)?I[0]:I)??"dd/MM/yyyy",eu=$??v(em),ed={minDate:z,maxDate:B,allowStartOnly:O},eg=(e,t)=>e&&t?l(e,t)?e:c(t,1):t?c(t,1):e||new Date,ey=_(m,D,em),eh=f(m,D,V),ek=(e,t)=>{let[a,n]=E(e,t,O,new Date,B),[r,l]=N(a,n);w([r,l]),Z?.([r,l]),ea({type:"close"})},ev=()=>{Y?.(),ea({type:"cancel",startDate:m,endDate:D,inputText:ey})},e_=!!m||!!D,ef=!en&&null!==eh&&e_,eb=en?ei:ey;return e.createElement("label",{onClick:e=>e.preventDefault(),"data-qa":A,className:n("vchasno-ui-date-picker","vchasno-ui-date-range-picker",{"--loading":S,"--required":j,"--disabled":x,"--error":M,"--wide":H,"--not-empty":e_,"--filled":!!eb,"--preset-label":ef,"--is-label":!!T},R),onKeyDown:e=>{"Escape"===e.key&&en&&ev()},onKeyDownCapture:e=>{if("Enter"!==e.key)return;let t=e.target;if(!t.matches?.(".react-datepicker__input-container input"))return;e.preventDefault(),e.stopPropagation();let a=b(ei,em,ed);a&&"empty"!==a&&ek(a.start,a.end)}},e.createElement("span",{ref:ep,className:n("vchasno-ui-date-range-picker__wrapper",{"vchasno-ui-pulse-animation":q&&!x})},T&&e.createElement(d,null,T),e.createElement(t,{key:eo,openToDate:es??void 0,fixedHeight:!0,locale:U,disabled:x,placeholderText:"ДД/ММ/РРРР - ДД/ММ/РРРР",showPopperArrow:!1,className:n("vchasno-ui-date-range-picker__picker","vchasno-ui-date-picker__picker"),popperClassName:n("vchasno-ui-date-range-picker-popper",F),selectsRange:!0,swapRange:!0,startDate:en?er:m,endDate:en?el:D,onChange:e=>{let[t,a]=e;ea({type:"tempChange",start:t,end:a,inputText:_(t,a,em)})},monthsShown:2,shouldCloseOnSelect:!1,open:en,onInputClick:()=>{x||en||ea({type:"open",startDate:m,endDate:D,inputText:ey,openToDate:eg(m,D)})},onClickOutside:e=>{let t=e.target;t instanceof Node&&ep.current?.contains(t)||ev()},enableTabLoop:!1,minDate:z,maxDate:B,portalId:G,value:eb,onChangeRaw:e=>{if(!(e.target instanceof HTMLInputElement))return;e.preventDefault();let t=e.target.value;ea({type:"typeChange",inputText:t,parsed:b(t,em,ed)})},customInput:e.createElement(a,{inputMode:"numeric",mask:eu,guide:!0}),renderCustomHeader:({monthDate:t,decreaseMonth:a,increaseMonth:n,prevMonthButtonDisabled:l,nextMonthButtonDisabled:c})=>e.createElement("div",{className:"vchasno-ui-date-range-picker__header"},e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__nav-btn",onClick:a,disabled:l},e.createElement(i,null)),e.createElement("span",{className:"vchasno-ui-date-range-picker__month-title"},r(t,"LLLL, yyyy",{locale:"string"==typeof U?void 0:U})),e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__nav-btn",onClick:n,disabled:c},e.createElement(s,null))),...ee},e.createElement("div",{className:"vchasno-ui-date-range-picker__presets"},V.length>0&&e.createElement(g,{className:"vchasno-ui-date-range-picker__preset-select",isClearable:!0,options:V.map(e=>({label:e.label,value:e.label})),value:ec,placeholder:W,onChange:e=>{let t=Array.isArray(e)?null:e;if(!t){ea({type:"reset",openToDate:eg(null,null)});return}let a=V.find(e=>e.label===t.value);a&&ea({type:"presetSelect",option:t,start:a.range[0],end:a.range[1],inputText:_(a.range[0],a.range[1],em),openToDate:eg(a.range[0],a.range[1])})},hideEmptyMeta:!0,wide:!0,...X})),e.createElement("div",{className:"vchasno-ui-date-range-picker__actions"},e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__cancel-btn",onClick:ev},J),e.createElement("button",{type:"button",className:"vchasno-ui-date-range-picker__save-btn",onClick:()=>{ek(er,el)}},Q))),ef&&e.createElement("span",{className:"vchasno-ui-date-range-picker__preset-label","aria-hidden":"true"},eh),S?e.createElement(y,{className:"vchasno-ui-date-range-picker__spinner"}):e.createElement(p,{className:"vchasno-ui-date-range-picker__custom-calendar-icon"}),K&&e_&&!x&&e.createElement("button",{type:"button","aria-label":"Очистити",className:"vchasno-ui-date-range-picker__clear-btn",onClick:()=>{w([null,null]),ea({type:"reset",openToDate:eg(null,null)})}},e.createElement(C,null))),!P||M||L?e.createElement(u,{hint:L,error:M}):null)};D.displayName="DateRangePicker";export{D as default};
 //# sourceMappingURL=DateRangePicker.js.map

package/dist/components/Datepicker/DateRangePicker/DateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/Datepicker/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { type MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { format, subMonths } from 'date-fns';\nimport { uk } from 'date-fns/locale/uk';\n\nimport ArrowLeftIcon from '../../../icons/arrowLeft';\nimport ArrowRightIcon from '../../../icons/arrowRight';\nimport CalendarIcon from '../../../icons/calendar';\nimport clearRawSvg from '../../../icons/clear';\nimport InputMeta from '../../InputMeta';\nimport LabelText from '../../LabelText';\nimport Select from '../../Select';\nimport type { SelectOption } from '../../Select';\nimport Spinner from '../../Spinner';\nimport type {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithPulseAnimation,\n} from '../../types';\nimport { initialState, pickerReducer } from './DateRangePicker.reducer';\nimport {\n applyEndFallback,\n buildRangeMask,\n formatRange,\n matchPresetLabel,\n parseRange,\n} from './utils';\n\nimport '../DatePicker.global.css';\nimport './DateRangePicker.global.css';\n\nconst CloseSvg = () => (\n <span className=\"vchasno-ui-date-range-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\ntype ControlledReactDatePickerProps =\n \| 'selectsRange'\n \| 'selectsMultiple'\n \| 'startDate'\n \| 'endDate'\n \| 'onChange'\n \| 'value'\n \| 'open'\n \| 'onInputClick'\n \| 'onClickOutside'\n \| 'monthsShown'\n \| 'shouldCloseOnSelect'\n \| 'renderCustomHeader'\n \| 'children'\n \| 'onChangeRaw'\n \| 'customInput';\n\nexport interface DateRangePickerProps\n extends Omit<ReactDatePickerProps<true>, ControlledReactDatePickerProps>,\n Partial<\n LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\n // Required controlled props (range-mode contract)\n startDate: Date \| null;\n endDate: Date \| null;\n onChange: (dates: [Date \| null, Date \| null]) => void;\n\n // UI-kit additions\n label?: string;\n wide?: boolean;\n cancelLabel?: string;\n saveLabel?: string;\n /*\n перелік іменованих діапазонів для швидкого вибору.\n * У продуктових проєктах підписи слід обгортати через ttag (наприклад t`Сьогодні`),\n * щоб вони потрапили до перекладу — ui-kit отримує вже готові рядки.\n /\n presets?: { label: string; range: [Date, Date] }[];\n presetPlaceholder?: string;\n presetSelectProps?: Omit<React.ComponentProps<typeof Select>, 'options' \| 'onChange' \| 'value'>;\n\n /\n якщо обрано або введено лише дату початку, при збереженні автоматично підставляє\n * поточний момент (точний `new Date()` із часом, без нормалізації до кінця дня) як\n * дату завершення. Для цілодобових діапазонів нормалізуйте кінець у власному onChange.\n /\n endDefaultsToToday?: boolean;\n\n /* викликається при скасуванні вибору /\n onCancel?: () => void;\n /* викликається при підтвердженні вибору /\n onConfirm?: (dates: [Date \| null, Date \| null]) => void;\n\n /* маска для ручного вводу діапазону (типово виводиться з dateFormat) /\n mask?: MaskedInputProps['mask'];\n\n // Explicit re-declarations for Storybook Controls visibility\n // (types inherited from ReactDatePickerProps<true> via indexed access — zero drift)\n disabled?: ReactDatePickerProps<true>['disabled'];\n required?: ReactDatePickerProps<true>['required'];\n isClearable?: ReactDatePickerProps<true>['isClearable'];\n minDate?: ReactDatePickerProps<true>['minDate'];\n maxDate?: ReactDatePickerProps<true>['maxDate'];\n dateFormat?: ReactDatePickerProps<true>['dateFormat'];\n className?: ReactDatePickerProps<true>['className'];\n popperClassName?: ReactDatePickerProps<true>['popperClassName'];\n portalId?: ReactDatePickerProps<true>['portalId'];\n locale?: ReactDatePickerProps<true>['locale'];\n}\n\nconst DateRangePicker: React.FC<DateRangePickerProps> = ({\n startDate,\n endDate,\n onChange,\n label,\n disabled,\n required,\n loading,\n hint,\n error,\n className,\n dateFormat = 'dd/MM/yyyy',\n dataQa,\n hideEmptyMeta = false,\n wide = false,\n endDefaultsToToday = false,\n pulse,\n isClearable = false,\n minDate,\n maxDate,\n popperClassName,\n portalId,\n cancelLabel = 'Скасувати',\n saveLabel = 'Зберегти',\n locale = uk,\n presets = [],\n presetPlaceholder = 'Обрати період',\n presetSelectProps,\n onCancel,\n onConfirm,\n mask,\n ...props\n}) => {\n const [state, dispatch] = React.useReducer(pickerReducer, initialState);\n const { isOpen, tempStartDate, tempEndDate, selectedPreset, calendarKey, inputText } = state;\n\n const wrapperRef = React.useRef<HTMLSpanElement>(null);\n\n const displayFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? 'dd/MM/yyyy';\n const resolvedMask = mask ?? buildRangeMask(displayFormat);\n const parseBounds = { minDate, maxDate, allowStartOnly: endDefaultsToToday };\n\n const resolveOpenToDate = (start: Date \| null, end: Date \| null): Date => {\n if (end) return subMonths(end, 1);\n if (start) return start;\n return new Date();\n };\n\n const displayValue = formatRange(startDate, endDate, displayFormat);\n const presetLabel = matchPresetLabel(startDate, endDate, presets);\n\n // Єдине місце коміту діапазону: applyEndFallback → onChange → onConfirm → close.\n const commitRange = (start: Date \| null, end: Date \| null) => {\n const [finalStart, finalEnd] = applyEndFallback(\n start,\n end,\n endDefaultsToToday,\n new Date(),\n maxDate,\n );\n onChange([finalStart, finalEnd]);\n onConfirm?.([finalStart, finalEnd]);\n dispatch({ type: 'close' });\n };\n\n /\n * Карта workaround-ів: інтеграція з react-datepicker 6.9.0 у controlled-open режимі\n * (кнопки «Зберегти/Скасувати», пресети та masked-ввід змушують тримати `open` зовні,\n * тож бібліотека фаєрить власні події навіть для наших елементів). Шість обхідних місць,\n * кожне з власним «чому»-коментарем біля коду:\n * 1. handleOpen — guard від повторного засіювання temp-стану → проп `onInputClick`;\n * 2. handleClickOutside — containment у власному wrapper → проп `onClickOutside`;\n * 3. handleRawChange — відсіч подій від кліків по днях → проп `onChangeRaw`;\n * 4. handleInputKeyDownCapture — перехоплення Enter → `onKeyDownCapture` на <label>;\n * 5. calendarKey — remount для скиду стану календаря → проп `key` (інкремент у reducer);\n * 6. resolveOpenToDate (вище) — позиціонування місяців при відкритті → проп `openToDate`.\n /\n const handleOpen = () => {\n // Guard against re-seeding temp state on every input click: react-datepicker's\n // onInputClick fires on each click, and `open` reseeds temp from the committed\n // props — so clicking the input again while open would wipe an unsaved selection.\n // First click opens (seeds from props); while open the temp state stays the source\n // of truth so the user can keep editing.\n if (disabled \|\| isOpen) return;\n dispatch({ type: 'open', startDate, endDate, inputText: displayValue });\n };\n\n const handleTempChange = (dates: [Date \| null, Date \| null]) => {\n const [start, end] = dates;\n dispatch({\n type: 'tempChange',\n start,\n end,\n inputText: formatRange(start, end, displayFormat),\n });\n };\n\n const handleSave = () => {\n commitRange(tempStartDate, tempEndDate);\n };\n\n const handleCancel = () => {\n onCancel?.();\n dispatch({ type: 'cancel', startDate, endDate, inputText: displayValue });\n };\n\n const handleClickOutside = (event: React.MouseEvent<HTMLDivElement>) => {\n // react-datepicker fires onClickOutside for clicks on our own input/icons too: it tracks\n // `open` internally while we drive it via the `open` prop, so its outside-click-ignore class\n // never lands on the input. Skip cancel for clicks inside our wrapper — otherwise clicking the\n // input to start editing wipes an unsaved range (cancel resets temp from empty committed props,\n // closes, then onInputClick reopens empty).\n const target = event.target;\n if (target instanceof Node && wrapperRef.current?.contains(target)) return;\n handleCancel();\n };\n\n const handleClear = () => {\n onChange([null, null]);\n dispatch({ type: 'reset' });\n };\n\n const handlePresetChange = (newValue: SelectOption \| readonly SelectOption[] \| null) => {\n const option = Array.isArray(newValue) ? null : (newValue as SelectOption \| null);\n if (!option) {\n dispatch({ type: 'reset' });\n return;\n }\n const preset = presets.find((p) => p.label === option.value);\n if (preset) {\n dispatch({\n type: 'presetSelect',\n option,\n start: preset.range[0],\n end: preset.range[1],\n inputText: formatRange(preset.range[0], preset.range[1], displayFormat),\n });\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Escape' && isOpen) {\n handleCancel();\n }\n };\n\n const handleRawChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n // react-datepicker fires onChangeRaw from calendar selection too (handleSelect),\n // where the event is a day-cell click with no input value. Only handle real input\n // typing here; otherwise return so the calendar's own onChange (selection) proceeds.\n if (!(e.target instanceof HTMLInputElement)) return;\n e.preventDefault(); // disable react-datepicker's built-in single-date parsing — we own the input\n const raw = e.target.value;\n dispatch({\n type: 'typeChange',\n inputText: raw,\n parsed: parseRange(raw, displayFormat, parseBounds),\n });\n };\n\n /\n Перехоплює Enter у capture-фазі, щоб власний onKeyDown react-datepicker\n * (який скидає діапазон до [start, null] і стирає другу дату) ніколи не спрацював.\n \n Повністю валідний введений діапазон комітиться; з endDefaultsToToday валідний\n * лише початок комітить [start, зараз]; усе інше невалідне/неповне — no-op.\n \n Чому capture-фаза: react-datepicker клонує customInput і навішує власний\n * onKeyDown, тож єдиний спосіб випередити його — перехопити подію на батьківському\n * елементі через onKeyDownCapture. Актуально для react-datepicker 6.9.0.\n */\n const handleInputKeyDownCapture = (e: React.KeyboardEvent<HTMLElement>) => {\n if (e.key !== 'Enter') return;\n const target = e.target as HTMLElement;\n if (!target.matches?.('.react-datepicker__input-container input')) return;\n e.preventDefault();\n e.stopPropagation();\n const parsed = parseRange(inputText, displayFormat, parseBounds);\n if (parsed && parsed !== 'empty') {\n commitRange(parsed.start, parsed.end);\n }\n };\n\n const valueExists = !!startDate \|\| !!endDate;\n const showPresetLabel = !isOpen && presetLabel !== null && valueExists;\n // Текст, який реально бачить користувач в інпуті: під час редагування — тимчасовий ввід,\n // інакше — збережене значення. Використовується і для value, і щоб тримати лейбл піднятим.\n const inputDisplayValue = isOpen ? inputText : displayValue;\n\n return (\n <label\n onClick={(e) => e.preventDefault()}\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-date-picker',\n 'vchasno-ui-date-range-picker',\n {\n '--loading': loading,\n '--required': required,\n '--disabled': disabled,\n '--error': error,\n '--wide': wide,\n '--not-empty': valueExists,\n '--filled': !!inputDisplayValue,\n '--preset-label': showPresetLabel,\n '--is-label': !!label,\n },\n className,\n )}\n onKeyDown={handleKeyDown}\n onKeyDownCapture={handleInputKeyDownCapture}\n >\n <span\n ref={wrapperRef}\n className={cn('vchasno-ui-date-range-picker__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {label && <LabelText>{label}</LabelText>}\n <ReactDatePicker\n key={calendarKey}\n openToDate={resolveOpenToDate(\n isOpen ? tempStartDate : startDate,\n isOpen ? tempEndDate : endDate,\n )}\n fixedHeight\n locale={locale}\n disabled={disabled}\n placeholderText=\"ДД/ММ/РРРР - ДД/ММ/РРРР\"\n showPopperArrow={false}\n className={cn(\n 'vchasno-ui-date-range-picker__picker',\n 'vchasno-ui-date-picker__picker',\n )}\n popperClassName={cn('vchasno-ui-date-range-picker-popper', popperClassName)}\n selectsRange\n startDate={isOpen ? tempStartDate : startDate}\n endDate={isOpen ? tempEndDate : endDate}\n onChange={handleTempChange}\n monthsShown={2}\n shouldCloseOnSelect={false}\n open={isOpen}\n onInputClick={handleOpen}\n onClickOutside={handleClickOutside}\n enableTabLoop={false}\n minDate={minDate}\n maxDate={maxDate}\n portalId={portalId}\n value={inputDisplayValue}\n onChangeRaw={handleRawChange}\n customInput={<MaskedInput inputMode=\"numeric\" mask={resolvedMask} guide />}\n renderCustomHeader={({\n monthDate,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n }) => (\n <div className=\"vchasno-ui-date-range-picker__header\">\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__nav-btn\"\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n >\n <ArrowLeftIcon />\n </button>\n <span className=\"vchasno-ui-date-range-picker__month-title\">\n {format(monthDate, 'LLLL, yyyy', {\n locale: typeof locale === 'string' ? undefined : locale,\n })}\n </span>\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__nav-btn\"\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n >\n <ArrowRightIcon />\n </button>\n </div>\n )}\n {...props}\n >\n <div className=\"vchasno-ui-date-range-picker__presets\">\n {presets.length > 0 && (\n <Select\n className=\"vchasno-ui-date-range-picker__preset-select\"\n isClearable\n options={presets.map((p) => ({\n label: p.label,\n value: p.label,\n }))}\n value={selectedPreset}\n placeholder={presetPlaceholder}\n onChange={handlePresetChange}\n hideEmptyMeta\n wide\n {...presetSelectProps}\n />\n )}\n </div>\n\n <div className=\"vchasno-ui-date-range-picker__actions\">\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__cancel-btn\"\n onClick={handleCancel}\n >\n {cancelLabel}\n </button>\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__save-btn\"\n onClick={handleSave}\n >\n {saveLabel}\n </button>\n </div>\n </ReactDatePicker>\n {showPresetLabel && (\n <span className=\"vchasno-ui-date-range-picker__preset-label\" aria-hidden=\"true\">\n {presetLabel}\n </span>\n )}\n {loading ? (\n <Spinner className=\"vchasno-ui-date-range-picker__spinner\" />\n ) : (\n <CalendarIcon className=\"vchasno-ui-date-range-picker__custom-calendar-icon\" />\n )}\n {isClearable && valueExists && !disabled && (\n <button\n type=\"button\"\n aria-label=\"Очистити\"\n className=\"vchasno-ui-date-range-picker__clear-btn\"\n onClick={handleClear}\n >\n <CloseSvg />\n </button>\n )}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n </label>\n );\n};\n\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport default DateRangePicker;\n"],"names":["CloseSvg","React","span","className","clearRawSvg","DateRangePicker","startDate","endDate","onChange","label","disabled","required","loading","hint","error","dateFormat","dataQa","hideEmptyMeta","wide","endDefaultsToToday","pulse","isClearable","minDate","maxDate","popperClassName","portalId","cancelLabel","saveLabel","locale","uk","presets","presetPlaceholder","presetSelectProps","onCancel","onConfirm","mask","props","start","end","state","dispatch","useReducer","pickerReducer","initialState","isOpen","tempStartDate","tempEndDate","selectedPreset","calendarKey","inputText","wrapperRef","useRef","displayFormat","Array","isArray","resolvedMask","buildRangeMask","parseBounds","allowStartOnly","displayValue","formatRange","presetLabel","matchPresetLabel","commitRange","finalStart","finalEnd","applyEndFallback","Date","type","handleCancel","valueExists","showPresetLabel","inputDisplayValue","onClick","e","preventDefault","data-qa","cn","onKeyDown","key","onKeyDownCapture","target","matches","stopPropagation","parsed","parseRange","ref","createElement","LabelText","ReactDatePicker","openToDate","subMonths","fixedHeight","placeholderText","showPopperArrow","selectsRange","dates","monthsShown","shouldCloseOnSelect","open","onInputClick","onClickOutside","event","Node","current","contains","enableTabLoop","value","onChangeRaw","HTMLInputElement","raw","customInput","MaskedInput","inputMode","guide","renderCustomHeader","monthDate","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","div","button","ArrowLeftIcon","format","undefined","ArrowRightIcon","length","Select","options","map","p","placeholder","newValue","option","preset","find","range","aria-hidden","Spinner","CalendarIcon","aria-label","InputMeta","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"DateRangePicker.js","sources":["../../../../src/components/Datepicker/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { type MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { format, isSameMonth, subMonths } from 'date-fns';\nimport { uk } from 'date-fns/locale/uk';\n\nimport ArrowLeftIcon from '../../../icons/arrowLeft';\nimport ArrowRightIcon from '../../../icons/arrowRight';\nimport CalendarIcon from '../../../icons/calendar';\nimport clearRawSvg from '../../../icons/clear';\nimport InputMeta from '../../InputMeta';\nimport LabelText from '../../LabelText';\nimport Select from '../../Select';\nimport type { SelectOption } from '../../Select';\nimport Spinner from '../../Spinner';\nimport type {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithPulseAnimation,\n} from '../../types';\nimport { initialState, pickerReducer } from './DateRangePicker.reducer';\nimport {\n applyEndFallback,\n buildRangeMask,\n formatRange,\n matchPresetLabel,\n normalizeOrder,\n parseRange,\n} from './utils';\n\nimport '../DatePicker.global.css';\nimport './DateRangePicker.global.css';\n\n/\n `swapRange` існує у рантаймі react-datepicker 6.9.0, але відсутнє в\n * @types/react-datepicker@6.2.0. Augment-ом додаємо проп до типу замість\n * @ts-expect-error (який став би «unused directive» / TS2578 при апдейті @types).\n * Генерики мають точно збігатися з оголошенням у @types (index.d.ts).\n /\n/ Генерики мають дослівно збігатися з @types для коректного declaration merging,\n тож обидва параметри лишаються незмінними, навіть якщо тут не вживаються напряму. /\n/ eslint-disable @typescript-eslint/no-unused-vars /\ndeclare module 'react-datepicker' {\n interface ReactDatePickerProps<\n WithRange extends boolean \| undefined = undefined,\n WithMultiple extends boolean \| undefined = undefined,\n > {\n swapRange?: boolean \| undefined;\n }\n}\n/ eslint-enable @typescript-eslint/no-unused-vars /\n\nconst CloseSvg = () => (\n <span className=\"vchasno-ui-date-range-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\ntype ControlledReactDatePickerProps =\n \| 'selectsRange'\n \| 'selectsMultiple'\n \| 'swapRange'\n \| 'startDate'\n \| 'endDate'\n \| 'onChange'\n \| 'value'\n \| 'open'\n \| 'onInputClick'\n \| 'onClickOutside'\n \| 'monthsShown'\n \| 'shouldCloseOnSelect'\n \| 'renderCustomHeader'\n \| 'children'\n \| 'onChangeRaw'\n \| 'customInput';\n\nexport interface DateRangePickerProps\n extends Omit<ReactDatePickerProps<true>, ControlledReactDatePickerProps>,\n Partial<\n LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\n // Required controlled props (range-mode contract)\n startDate: Date \| null;\n endDate: Date \| null;\n onChange: (dates: [Date \| null, Date \| null]) => void;\n\n // UI-kit additions\n label?: string;\n wide?: boolean;\n cancelLabel?: string;\n saveLabel?: string;\n /\n перелік іменованих діапазонів для швидкого вибору.\n * У продуктових проєктах підписи слід обгортати через ttag (наприклад t`Сьогодні`),\n * щоб вони потрапили до перекладу — ui-kit отримує вже готові рядки.\n /\n presets?: { label: string; range: [Date, Date] }[];\n presetPlaceholder?: string;\n presetSelectProps?: Omit<React.ComponentProps<typeof Select>, 'options' \| 'onChange' \| 'value'>;\n\n /\n якщо обрано або введено лише дату початку, при збереженні автоматично підставляє\n * поточний момент (точний `new Date()` із часом, без нормалізації до кінця дня) як\n * дату завершення. Для цілодобових діапазонів нормалізуйте кінець у власному onChange.\n /\n endDefaultsToToday?: boolean;\n\n /* викликається при скасуванні вибору /\n onCancel?: () => void;\n /* викликається при підтвердженні вибору /\n onConfirm?: (dates: [Date \| null, Date \| null]) => void;\n\n /* маска для ручного вводу діапазону (типово виводиться з dateFormat) /\n mask?: MaskedInputProps['mask'];\n\n // Explicit re-declarations for Storybook Controls visibility\n // (types inherited from ReactDatePickerProps<true> via indexed access — zero drift)\n disabled?: ReactDatePickerProps<true>['disabled'];\n required?: ReactDatePickerProps<true>['required'];\n isClearable?: ReactDatePickerProps<true>['isClearable'];\n minDate?: ReactDatePickerProps<true>['minDate'];\n maxDate?: ReactDatePickerProps<true>['maxDate'];\n dateFormat?: ReactDatePickerProps<true>['dateFormat'];\n className?: ReactDatePickerProps<true>['className'];\n popperClassName?: ReactDatePickerProps<true>['popperClassName'];\n portalId?: ReactDatePickerProps<true>['portalId'];\n locale?: ReactDatePickerProps<true>['locale'];\n}\n\nconst DateRangePicker: React.FC<DateRangePickerProps> = ({\n startDate,\n endDate,\n onChange,\n label,\n disabled,\n required,\n loading,\n hint,\n error,\n className,\n dateFormat = 'dd/MM/yyyy',\n dataQa,\n hideEmptyMeta = false,\n wide = false,\n endDefaultsToToday = false,\n pulse,\n isClearable = false,\n minDate,\n maxDate,\n popperClassName,\n portalId,\n cancelLabel = 'Скасувати',\n saveLabel = 'Зберегти',\n locale = uk,\n presets = [],\n presetPlaceholder = 'Обрати період',\n presetSelectProps,\n onCancel,\n onConfirm,\n mask,\n ...props\n}) => {\n const [state, dispatch] = React.useReducer(pickerReducer, initialState);\n const { isOpen, tempStartDate, tempEndDate, selectedPreset, calendarKey, inputText, openToDate } =\n state;\n\n const wrapperRef = React.useRef<HTMLSpanElement>(null);\n\n const displayFormat = (Array.isArray(dateFormat) ? dateFormat[0] : dateFormat) ?? 'dd/MM/yyyy';\n const resolvedMask = mask ?? buildRangeMask(displayFormat);\n const parseBounds = { minDate, maxDate, allowStartOnly: endDefaultsToToday };\n\n // Обчислює якір позиціонування (місяць лівої панелі monthsShown={2}).\n // Викликається лише в момент dispatch (open/presetSelect/reset), а не на кожному\n // рендері — результат зберігається в reducer-стані, тож вид не стрибає під час вибору.\n const computeAnchor = (start: Date \| null, end: Date \| null): Date => {\n if (start && end) {\n // Один місяць (включно зі start === end): якорим на start, щоб уникнути\n // стрибка календаря назад (subMonths показав би попередній місяць зліва).\n if (isSameMonth(start, end)) return start;\n // Багатомісячний діапазон: subMonths(end, 1) ставить місяць кінця в праву панель.\n return subMonths(end, 1);\n }\n if (end) return subMonths(end, 1);\n if (start) return start;\n return new Date();\n };\n\n const displayValue = formatRange(startDate, endDate, displayFormat);\n const presetLabel = matchPresetLabel(startDate, endDate, presets);\n\n // Єдине місце коміту діапазону: applyEndFallback → normalizeOrder → onChange → onConfirm → close.\n const commitRange = (start: Date \| null, end: Date \| null) => {\n const [fallbackStart, fallbackEnd] = applyEndFallback(\n start,\n end,\n endDefaultsToToday,\n new Date(),\n maxDate,\n );\n // Гард порядку на фінальному tuple (після fallback): жоден збережений діапазон\n // не може бути перевернутим. Захищає й невалідовані presets від споживача.\n const [finalStart, finalEnd] = normalizeOrder(fallbackStart, fallbackEnd);\n onChange([finalStart, finalEnd]);\n onConfirm?.([finalStart, finalEnd]);\n dispatch({ type: 'close' });\n };\n\n /\n * Карта workaround-ів: інтеграція з react-datepicker 6.9.0 у controlled-open режимі\n * (кнопки «Зберегти/Скасувати», пресети та masked-ввід змушують тримати `open` зовні,\n * тож бібліотека фаєрить власні події навіть для наших елементів). Сім обхідних місць,\n * кожне з власним «чому»-коментарем біля коду:\n * 1. handleOpen — guard від повторного засіювання temp-стану → проп `onInputClick`;\n * 2. handleClickOutside — containment у власному wrapper → проп `onClickOutside`;\n * 3. handleRawChange — відсіч подій від кліків по днях → проп `onChangeRaw`;\n * 4. handleInputKeyDownCapture — перехоплення Enter → `onKeyDownCapture` на <label>;\n * 5. calendarKey — remount для скиду стану календаря → проп `key` (інкремент у reducer);\n * 6. computeAnchor → state.openToDate — позиціонування місяців. openToDate зберігається\n * в reducer-стані й оновлюється ЛИШЕ на open/presetSelect/reset (не на кожному рендері),\n * інакше Calendar.componentDidUpdate перестрибує вид через openToDate-гілку при кліку\n * по тій самій/кінцевій даті (баг стрибка на попередній місяць);\n * 7. swapRange — зворотній клік міняє дати місцями у впорядкований діапазон замість\n * мовчазного скидання вибору; типізований через module augmentation (відсутній у @types).\n /\n const handleOpen = () => {\n // Guard against re-seeding temp state on every input click: react-datepicker's\n // onInputClick fires on each click, and `open` reseeds temp from the committed\n // props — so clicking the input again while open would wipe an unsaved selection.\n // First click opens (seeds from props); while open the temp state stays the source\n // of truth so the user can keep editing.\n if (disabled \|\| isOpen) return;\n dispatch({\n type: 'open',\n startDate,\n endDate,\n inputText: displayValue,\n openToDate: computeAnchor(startDate, endDate),\n });\n };\n\n const handleTempChange = (dates: [Date \| null, Date \| null]) => {\n const [start, end] = dates;\n dispatch({\n type: 'tempChange',\n start,\n end,\n inputText: formatRange(start, end, displayFormat),\n });\n };\n\n const handleSave = () => {\n commitRange(tempStartDate, tempEndDate);\n };\n\n const handleCancel = () => {\n onCancel?.();\n dispatch({ type: 'cancel', startDate, endDate, inputText: displayValue });\n };\n\n const handleClickOutside = (event: React.MouseEvent<HTMLDivElement>) => {\n // react-datepicker fires onClickOutside for clicks on our own input/icons too: it tracks\n // `open` internally while we drive it via the `open` prop, so its outside-click-ignore class\n // never lands on the input. Skip cancel for clicks inside our wrapper — otherwise clicking the\n // input to start editing wipes an unsaved range (cancel resets temp from empty committed props,\n // closes, then onInputClick reopens empty).\n const target = event.target;\n if (target instanceof Node && wrapperRef.current?.contains(target)) return;\n handleCancel();\n };\n\n const handleClear = () => {\n onChange([null, null]);\n dispatch({ type: 'reset', openToDate: computeAnchor(null, null) });\n };\n\n const handlePresetChange = (newValue: SelectOption \| readonly SelectOption[] \| null) => {\n const option = Array.isArray(newValue) ? null : (newValue as SelectOption \| null);\n if (!option) {\n dispatch({ type: 'reset', openToDate: computeAnchor(null, null) });\n return;\n }\n const preset = presets.find((p) => p.label === option.value);\n if (preset) {\n dispatch({\n type: 'presetSelect',\n option,\n start: preset.range[0],\n end: preset.range[1],\n inputText: formatRange(preset.range[0], preset.range[1], displayFormat),\n openToDate: computeAnchor(preset.range[0], preset.range[1]),\n });\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Escape' && isOpen) {\n handleCancel();\n }\n };\n\n const handleRawChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n // react-datepicker fires onChangeRaw from calendar selection too (handleSelect),\n // where the event is a day-cell click with no input value. Only handle real input\n // typing here; otherwise return so the calendar's own onChange (selection) proceeds.\n if (!(e.target instanceof HTMLInputElement)) return;\n e.preventDefault(); // disable react-datepicker's built-in single-date parsing — we own the input\n const raw = e.target.value;\n dispatch({\n type: 'typeChange',\n inputText: raw,\n parsed: parseRange(raw, displayFormat, parseBounds),\n });\n };\n\n /\n Перехоплює Enter у capture-фазі, щоб власний onKeyDown react-datepicker\n * (який скидає діапазон до [start, null] і стирає другу дату) ніколи не спрацював.\n \n Повністю валідний введений діапазон комітиться; з endDefaultsToToday валідний\n * лише початок комітить [start, зараз]; усе інше невалідне/неповне — no-op.\n \n Чому capture-фаза: react-datepicker клонує customInput і навішує власний\n * onKeyDown, тож єдиний спосіб випередити його — перехопити подію на батьківському\n * елементі через onKeyDownCapture. Актуально для react-datepicker 6.9.0.\n */\n const handleInputKeyDownCapture = (e: React.KeyboardEvent<HTMLElement>) => {\n if (e.key !== 'Enter') return;\n const target = e.target as HTMLElement;\n if (!target.matches?.('.react-datepicker__input-container input')) return;\n e.preventDefault();\n e.stopPropagation();\n const parsed = parseRange(inputText, displayFormat, parseBounds);\n if (parsed && parsed !== 'empty') {\n commitRange(parsed.start, parsed.end);\n }\n };\n\n const valueExists = !!startDate \|\| !!endDate;\n const showPresetLabel = !isOpen && presetLabel !== null && valueExists;\n // Текст, який реально бачить користувач в інпуті: під час редагування — тимчасовий ввід,\n // інакше — збережене значення. Використовується і для value, і щоб тримати лейбл піднятим.\n const inputDisplayValue = isOpen ? inputText : displayValue;\n\n return (\n <label\n onClick={(e) => e.preventDefault()}\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-date-picker',\n 'vchasno-ui-date-range-picker',\n {\n '--loading': loading,\n '--required': required,\n '--disabled': disabled,\n '--error': error,\n '--wide': wide,\n '--not-empty': valueExists,\n '--filled': !!inputDisplayValue,\n '--preset-label': showPresetLabel,\n '--is-label': !!label,\n },\n className,\n )}\n onKeyDown={handleKeyDown}\n onKeyDownCapture={handleInputKeyDownCapture}\n >\n <span\n ref={wrapperRef}\n className={cn('vchasno-ui-date-range-picker__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {label && <LabelText>{label}</LabelText>}\n <ReactDatePicker\n key={calendarKey}\n openToDate={openToDate ?? undefined}\n fixedHeight\n locale={locale}\n disabled={disabled}\n placeholderText=\"ДД/ММ/РРРР - ДД/ММ/РРРР\"\n showPopperArrow={false}\n className={cn(\n 'vchasno-ui-date-range-picker__picker',\n 'vchasno-ui-date-picker__picker',\n )}\n popperClassName={cn('vchasno-ui-date-range-picker-popper', popperClassName)}\n selectsRange\n swapRange\n startDate={isOpen ? tempStartDate : startDate}\n endDate={isOpen ? tempEndDate : endDate}\n onChange={handleTempChange}\n monthsShown={2}\n shouldCloseOnSelect={false}\n open={isOpen}\n onInputClick={handleOpen}\n onClickOutside={handleClickOutside}\n enableTabLoop={false}\n minDate={minDate}\n maxDate={maxDate}\n portalId={portalId}\n value={inputDisplayValue}\n onChangeRaw={handleRawChange}\n customInput={<MaskedInput inputMode=\"numeric\" mask={resolvedMask} guide />}\n renderCustomHeader={({\n monthDate,\n decreaseMonth,\n increaseMonth,\n prevMonthButtonDisabled,\n nextMonthButtonDisabled,\n }) => (\n <div className=\"vchasno-ui-date-range-picker__header\">\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__nav-btn\"\n onClick={decreaseMonth}\n disabled={prevMonthButtonDisabled}\n >\n <ArrowLeftIcon />\n </button>\n <span className=\"vchasno-ui-date-range-picker__month-title\">\n {format(monthDate, 'LLLL, yyyy', {\n locale: typeof locale === 'string' ? undefined : locale,\n })}\n </span>\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__nav-btn\"\n onClick={increaseMonth}\n disabled={nextMonthButtonDisabled}\n >\n <ArrowRightIcon />\n </button>\n </div>\n )}\n {...props}\n >\n <div className=\"vchasno-ui-date-range-picker__presets\">\n {presets.length > 0 && (\n <Select\n className=\"vchasno-ui-date-range-picker__preset-select\"\n isClearable\n options={presets.map((p) => ({\n label: p.label,\n value: p.label,\n }))}\n value={selectedPreset}\n placeholder={presetPlaceholder}\n onChange={handlePresetChange}\n hideEmptyMeta\n wide\n {...presetSelectProps}\n />\n )}\n </div>\n\n <div className=\"vchasno-ui-date-range-picker__actions\">\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__cancel-btn\"\n onClick={handleCancel}\n >\n {cancelLabel}\n </button>\n <button\n type=\"button\"\n className=\"vchasno-ui-date-range-picker__save-btn\"\n onClick={handleSave}\n >\n {saveLabel}\n </button>\n </div>\n </ReactDatePicker>\n {showPresetLabel && (\n <span className=\"vchasno-ui-date-range-picker__preset-label\" aria-hidden=\"true\">\n {presetLabel}\n </span>\n )}\n {loading ? (\n <Spinner className=\"vchasno-ui-date-range-picker__spinner\" />\n ) : (\n <CalendarIcon className=\"vchasno-ui-date-range-picker__custom-calendar-icon\" />\n )}\n {isClearable && valueExists && !disabled && (\n <button\n type=\"button\"\n aria-label=\"Очистити\"\n className=\"vchasno-ui-date-range-picker__clear-btn\"\n onClick={handleClear}\n >\n <CloseSvg />\n </button>\n )}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n </label>\n );\n};\n\nDateRangePicker.displayName = 'DateRangePicker';\n\nexport default DateRangePicker;\n"],"names":["CloseSvg","React","span","className","clearRawSvg","DateRangePicker","startDate","endDate","onChange","label","disabled","required","loading","hint","error","dateFormat","dataQa","hideEmptyMeta","wide","endDefaultsToToday","pulse","isClearable","minDate","maxDate","popperClassName","portalId","cancelLabel","saveLabel","locale","uk","presets","presetPlaceholder","presetSelectProps","onCancel","onConfirm","mask","props","state","dispatch","useReducer","pickerReducer","initialState","isOpen","tempStartDate","tempEndDate","selectedPreset","calendarKey","inputText","openToDate","wrapperRef","useRef","displayFormat","Array","isArray","resolvedMask","buildRangeMask","parseBounds","allowStartOnly","computeAnchor","start","end","isSameMonth","subMonths","Date","displayValue","formatRange","presetLabel","matchPresetLabel","commitRange","fallbackStart","fallbackEnd","applyEndFallback","finalStart","finalEnd","normalizeOrder","type","handleCancel","valueExists","showPresetLabel","inputDisplayValue","onClick","e","preventDefault","data-qa","cn","onKeyDown","key","onKeyDownCapture","target","matches","stopPropagation","parsed","parseRange","ref","createElement","LabelText","ReactDatePicker","undefined","fixedHeight","placeholderText","showPopperArrow","selectsRange","swapRange","dates","monthsShown","shouldCloseOnSelect","open","onInputClick","onClickOutside","event","Node","current","contains","enableTabLoop","value","onChangeRaw","HTMLInputElement","raw","customInput","MaskedInput","inputMode","guide","renderCustomHeader","monthDate","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","div","button","ArrowLeftIcon","format","ArrowRightIcon","length","Select","options","map","p","placeholder","newValue","option","preset","find","range","aria-hidden","Spinner","CalendarIcon","aria-label","InputMeta","displayName"],"mappings":"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"}

package/dist/components/Datepicker/DateRangePicker/DateRangePicker.reducer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-let e={isOpen:!1,tempStartDate:null,tempEndDate:null,selectedPreset:null,calendarKey:0,inputText:""};function t(e,t){switch(t.type){case"open":return{...e,isOpen:!0,tempStartDate:t.startDate,tempEndDate:t.endDate,inputText:t.inputText};case"close":return{...e,isOpen:!1};case"tempChange":return{...e,tempStartDate:t.start,tempEndDate:t.end,selectedPreset:null,inputText:t.inputText};case"typeChange":{let n={...e,inputText:t.inputText,selectedPreset:null};if("empty"===t.parsed)return{...n,tempStartDate:null,tempEndDate:null};if(null!==t.parsed)return{...n,tempStartDate:t.parsed.start,tempEndDate:t.parsed.end};return n}case"cancel":return{...e,isOpen:!1,tempStartDate:t.startDate,tempEndDate:t.endDate,selectedPreset:null,inputText:t.inputText};case"reset":return{...e,tempStartDate:null,tempEndDate:null,selectedPreset:null,calendarKey:e.calendarKey+1,inputText:""};case"presetSelect":return{...e,selectedPreset:t.option,tempStartDate:t.start,tempEndDate:t.end,calendarKey:e.calendarKey+1,inputText:t.inputText}}}export{e as initialState,t as pickerReducer};
+let e={isOpen:!1,tempStartDate:null,tempEndDate:null,selectedPreset:null,calendarKey:0,inputText:"",openToDate:null};function t(e,t){switch(t.type){case"open":return{...e,isOpen:!0,tempStartDate:t.startDate,tempEndDate:t.endDate,inputText:t.inputText,openToDate:t.openToDate};case"close":return{...e,isOpen:!1};case"tempChange":return{...e,tempStartDate:t.start,tempEndDate:t.end,selectedPreset:null,inputText:t.inputText};case"typeChange":{let n={...e,inputText:t.inputText,selectedPreset:null};if("empty"===t.parsed)return{...n,tempStartDate:null,tempEndDate:null};if(null!==t.parsed)return{...n,tempStartDate:t.parsed.start,tempEndDate:t.parsed.end};return n}case"cancel":return{...e,isOpen:!1,tempStartDate:t.startDate,tempEndDate:t.endDate,selectedPreset:null,inputText:t.inputText};case"reset":return{...e,tempStartDate:null,tempEndDate:null,selectedPreset:null,calendarKey:e.calendarKey+1,inputText:"",openToDate:t.openToDate};case"presetSelect":return{...e,selectedPreset:t.option,tempStartDate:t.start,tempEndDate:t.end,calendarKey:e.calendarKey+1,inputText:t.inputText,openToDate:t.openToDate}}}export{e as initialState,t as pickerReducer};
 //# sourceMappingURL=DateRangePicker.reducer.js.map

package/dist/components/Datepicker/DateRangePicker/DateRangePicker.reducer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangePicker.reducer.js","sources":["../../../../src/components/Datepicker/DateRangePicker/DateRangePicker.reducer.ts"],"sourcesContent":["import type { SelectOption } from '../../Select';\nimport type { ParsedRange, ParsedStart } from './utils';\n\nexport type PickerState = {\n isOpen: boolean;\n tempStartDate: Date \| null;\n tempEndDate: Date \| null;\n selectedPreset: SelectOption \| null;\n calendarKey: number;\n inputText: string;\n};\n\nexport type PickerAction =\n \| { type: 'open'; startDate: Date \| null; endDate: Date \| null; inputText: string }\n \| { type: 'close' }\n \| { type: 'tempChange'; start: Date \| null; end: Date \| null; inputText: string }\n \| { type: 'typeChange'; inputText: string; parsed: ParsedRange \| ParsedStart \| 'empty' \| null }\n \| { type: 'cancel'; startDate: Date \| null; endDate: Date \| null; inputText: string }\n \| { type: 'reset' }\n \| { type: 'presetSelect'; option: SelectOption; start: Date; end: Date; inputText: string };\n\nexport const initialState: PickerState = {\n isOpen: false,\n tempStartDate: null,\n tempEndDate: null,\n selectedPreset: null,\n calendarKey: 0,\n inputText: '',\n};\n\nexport function pickerReducer(state: PickerState, action: PickerAction): PickerState {\n switch (action.type) {\n case 'open':\n return {\n ...state,\n isOpen: true,\n tempStartDate: action.startDate,\n tempEndDate: action.endDate,\n inputText: action.inputText,\n };\n case 'close':\n return { ...state, isOpen: false };\n case 'tempChange':\n return {\n ...state,\n tempStartDate: action.start,\n tempEndDate: action.end,\n selectedPreset: null,\n inputText: action.inputText,\n };\n case 'typeChange': {\n const base = {\n ...state,\n inputText: action.inputText,\n selectedPreset: null,\n };\n if (action.parsed === 'empty') {\n return { ...base, tempStartDate: null, tempEndDate: null };\n }\n if (action.parsed !== null) {\n return {\n ...base,\n tempStartDate: action.parsed.start,\n tempEndDate: action.parsed.end,\n };\n }\n // parsed === null: invalid/incomplete — leave temp dates unchanged\n return base;\n }\n case 'cancel':\n return {\n ...state,\n isOpen: false,\n tempStartDate: action.startDate,\n tempEndDate: action.endDate,\n selectedPreset: null,\n inputText: action.inputText,\n };\n case 'reset':\n return {\n ...state,\n tempStartDate: null,\n tempEndDate: null,\n selectedPreset: null,\n calendarKey: state.calendarKey + 1,\n inputText: '',\n };\n case 'presetSelect':\n return {\n ...state,\n selectedPreset: action.option,\n tempStartDate: action.start,\n tempEndDate: action.end,\n calendarKey: state.calendarKey + 1,\n inputText: action.inputText,\n };\n }\n}\n"],"names":["initialState","isOpen","tempStartDate","tempEndDate","selectedPreset","calendarKey","inputText","pickerReducer","state","action","type","startDate","endDate","start","end","base","parsed","option"],"mappings":"~~IAqBaA~~,EAA4B,CACrCC,OAAQ,CAAA,EACRC,cAAe,KACfC,YAAa,KACbC,eAAgB,KAChBC,YAAa,EACbC,UAAW,~~EACf~~,EAEO,SAASC,EAAcC,CAAkB,CAAEC,CAAoB,EAClE,OAAQA,EAAOC,IAAI,EACf,IAAK,OACD,MAAO,CACH,GAAGF,CAAK,~~CACRP~~,OAAQ,CAAA,EACRC,~~cAAeO~~,EAAOE,SAAS,CAC/BR,~~YAAaM~~,EAAOG,OAAO,~~CAC3BN~~,~~UAAWG~~,EAAOH,~~SAAAA~~,~~AACtB~~,CACJ,KAAK,QACD,MAAO,CAAE,GAAGE,CAAK,~~CAAEP~~,OAAQ,CAAA,CAAM,CACrC,KAAK,aACD,MAAO,CACH,~~GAAGO~~,CAAK,~~CACRN~~,~~cAAeO~~,EAAOI,KAAK,~~CAC3BV~~,~~YAAaM~~,EAAOK,GAAG,~~CACvBV~~,eAAgB,KAChBE,~~UAAWG~~,~~EAAOH~~,SAAAA,AACtB,CACJ,KAAK,aAAc,CACf,~~IAAMS~~,EAAO,CACT,GAAGP,CAAK,~~CACRF~~,~~UAAWG~~,~~EAAOH~~,SAAS,CAC3BF,eAAgB,IACpB,EACA,~~GAAIK~~,AAAkB,UAAlBA,EAAOO,MAAM,CACb,MAAO,CAAE,GAAGD,CAAI,~~CAAEb~~,cAAe,KAAMC,YAAa,IAAK,EAE7D,~~GAAIM~~,AAAkB,OAAlBA,EAAOO,MAAM,CACb,MAAO,CACH,GAAGD,CAAI,~~CACPb~~,~~cAAeO~~,EAAOO,MAAM,CAACH,KAAK,~~CAClCV~~,~~YAAaM~~,EAAOO,MAAM,CAACF,GAAAA,AAC/B,EAGJ,OAAOC,CACX,CACA,IAAK,SACD,MAAO,CACH,GAAGP,CAAK,~~CACRP~~,OAAQ,CAAA,EACRC,~~cAAeO~~,EAAOE,SAAS,CAC/BR,~~YAAaM~~,EAAOG,OAAO,~~CAC3BR~~,eAAgB,KAChBE,~~UAAWG~~,~~EAAOH~~,SAAAA,AACtB,CACJ,KAAK,QACD,MAAO,CACH,~~GAAGE~~,CAAK,~~CACRN~~,cAAe,KACfC,YAAa,KACbC,eAAgB,KAChBC,~~YAAaG~~,~~EAAMH~~,WAAW,CAAG,EACjCC,UAAW,~~EACf~~,CACJ,KAAK,eACD,MAAO,CACH,GAAGE,CAAK,~~CACRJ~~,~~eAAgBK~~,EAAOQ,MAAM,~~CAC7Bf~~,~~cAAeO~~,EAAOI,KAAK,~~CAC3BV~~,~~YAAaM~~,EAAOK,GAAG,~~CACvBT~~,~~YAAaG~~,~~EAAMH~~,WAAW,CAAG,EACjCC,~~UAAWG~~,EAAOH,~~SAAAA~~,~~AACtB~~,CACR,CACJ"}
1	+ {"version":3,"file":"DateRangePicker.reducer.js","sources":["../../../../src/components/Datepicker/DateRangePicker/DateRangePicker.reducer.ts"],"sourcesContent":["import type { SelectOption } from '../../Select';\nimport type { ParsedRange, ParsedStart } from './utils';\n\nexport type PickerState = {\n isOpen: boolean;\n tempStartDate: Date \| null;\n tempEndDate: Date \| null;\n selectedPreset: SelectOption \| null;\n calendarKey: number;\n inputText: string;\n /*\n Якір позиціонування календаря (місяць у лівій панелі monthsShown={2}).\n * Оновлюється ЛИШЕ на open/presetSelect/reset — заморожений під час вибору,\n * щоб react-datepicker не перестрибував вид через openToDate-гілку\n * Calendar.componentDidUpdate (workaround #6).\n */\n openToDate: Date \| null;\n};\n\nexport type PickerAction =\n \| {\n type: 'open';\n startDate: Date \| null;\n endDate: Date \| null;\n inputText: string;\n openToDate: Date;\n }\n \| { type: 'close' }\n \| { type: 'tempChange'; start: Date \| null; end: Date \| null; inputText: string }\n \| { type: 'typeChange'; inputText: string; parsed: ParsedRange \| ParsedStart \| 'empty' \| null }\n \| { type: 'cancel'; startDate: Date \| null; endDate: Date \| null; inputText: string }\n \| { type: 'reset'; openToDate: Date }\n \| {\n type: 'presetSelect';\n option: SelectOption;\n start: Date;\n end: Date;\n inputText: string;\n openToDate: Date;\n };\n\nexport const initialState: PickerState = {\n isOpen: false,\n tempStartDate: null,\n tempEndDate: null,\n selectedPreset: null,\n calendarKey: 0,\n inputText: '',\n openToDate: null,\n};\n\nexport function pickerReducer(state: PickerState, action: PickerAction): PickerState {\n switch (action.type) {\n case 'open':\n return {\n ...state,\n isOpen: true,\n tempStartDate: action.startDate,\n tempEndDate: action.endDate,\n inputText: action.inputText,\n openToDate: action.openToDate,\n };\n case 'close':\n return { ...state, isOpen: false };\n case 'tempChange':\n return {\n ...state,\n tempStartDate: action.start,\n tempEndDate: action.end,\n selectedPreset: null,\n inputText: action.inputText,\n };\n case 'typeChange': {\n const base = {\n ...state,\n inputText: action.inputText,\n selectedPreset: null,\n };\n if (action.parsed === 'empty') {\n return { ...base, tempStartDate: null, tempEndDate: null };\n }\n if (action.parsed !== null) {\n return {\n ...base,\n tempStartDate: action.parsed.start,\n tempEndDate: action.parsed.end,\n };\n }\n // parsed === null: invalid/incomplete — leave temp dates unchanged\n return base;\n }\n case 'cancel':\n return {\n ...state,\n isOpen: false,\n tempStartDate: action.startDate,\n tempEndDate: action.endDate,\n selectedPreset: null,\n inputText: action.inputText,\n };\n case 'reset':\n return {\n ...state,\n tempStartDate: null,\n tempEndDate: null,\n selectedPreset: null,\n calendarKey: state.calendarKey + 1,\n inputText: '',\n openToDate: action.openToDate,\n };\n case 'presetSelect':\n return {\n ...state,\n selectedPreset: action.option,\n tempStartDate: action.start,\n tempEndDate: action.end,\n calendarKey: state.calendarKey + 1,\n inputText: action.inputText,\n openToDate: action.openToDate,\n };\n }\n}\n"],"names":["initialState","isOpen","tempStartDate","tempEndDate","selectedPreset","calendarKey","inputText","openToDate","pickerReducer","state","action","type","startDate","endDate","start","end","base","parsed","option"],"mappings":"IAyCaA,EAA4B,CACrCC,OAAQ,CAAA,EACRC,cAAe,KACfC,YAAa,KACbC,eAAgB,KAChBC,YAAa,EACbC,UAAW,GACXC,WAAY,IAChB,EAEO,SAASC,EAAcC,CAAkB,CAAEC,CAAoB,EAClE,OAAQA,EAAOC,IAAI,EACf,IAAK,OACD,MAAO,CACH,GAAGF,CAAK,CACRR,OAAQ,CAAA,EACRC,cAAeQ,EAAOE,SAAS,CAC/BT,YAAaO,EAAOG,OAAO,CAC3BP,UAAWI,EAAOJ,SAAS,CAC3BC,WAAYG,EAAOH,UAAAA,AACvB,CACJ,KAAK,QACD,MAAO,CAAE,GAAGE,CAAK,CAAER,OAAQ,CAAA,CAAM,CACrC,KAAK,aACD,MAAO,CACH,GAAGQ,CAAK,CACRP,cAAeQ,EAAOI,KAAK,CAC3BX,YAAaO,EAAOK,GAAG,CACvBX,eAAgB,KAChBE,UAAWI,EAAOJ,SAAAA,AACtB,CACJ,KAAK,aAAc,CACf,IAAMU,EAAO,CACT,GAAGP,CAAK,CACRH,UAAWI,EAAOJ,SAAS,CAC3BF,eAAgB,IACpB,EACA,GAAIM,AAAkB,UAAlBA,EAAOO,MAAM,CACb,MAAO,CAAE,GAAGD,CAAI,CAAEd,cAAe,KAAMC,YAAa,IAAK,EAE7D,GAAIO,AAAkB,OAAlBA,EAAOO,MAAM,CACb,MAAO,CACH,GAAGD,CAAI,CACPd,cAAeQ,EAAOO,MAAM,CAACH,KAAK,CAClCX,YAAaO,EAAOO,MAAM,CAACF,GAAAA,AAC/B,EAGJ,OAAOC,CACX,CACA,IAAK,SACD,MAAO,CACH,GAAGP,CAAK,CACRR,OAAQ,CAAA,EACRC,cAAeQ,EAAOE,SAAS,CAC/BT,YAAaO,EAAOG,OAAO,CAC3BT,eAAgB,KAChBE,UAAWI,EAAOJ,SAAAA,AACtB,CACJ,KAAK,QACD,MAAO,CACH,GAAGG,CAAK,CACRP,cAAe,KACfC,YAAa,KACbC,eAAgB,KAChBC,YAAaI,EAAMJ,WAAW,CAAG,EACjCC,UAAW,GACXC,WAAYG,EAAOH,UAAAA,AACvB,CACJ,KAAK,eACD,MAAO,CACH,GAAGE,CAAK,CACRL,eAAgBM,EAAOQ,MAAM,CAC7BhB,cAAeQ,EAAOI,KAAK,CAC3BX,YAAaO,EAAOK,GAAG,CACvBV,YAAaI,EAAMJ,WAAW,CAAG,EACjCC,UAAWI,EAAOJ,SAAS,CAC3BC,WAAYG,EAAOH,UAAAA,AACvB,CACR,CACJ"}

package/dist/components/Datepicker/DateRangePicker/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{format as e,parse as t,isValid as l}from"date-fns";let n=(t,l,n)=>{let i=t?e(t,n):"",r=l?e(l,n):"";return i&&r?`${i} - ${r}`:i||""},i=(e,t,l)=>{let n=(e,t)=>null===e?null===t:null!==t&&e.getTime()===t.getTime(),i=l.find(l=>n(e,l.range[0])&&n(t,l.range[1]));return i?i.label:null},r=e=>[...e].map(e=>/[a-zA-Z]/.test(e)?/\d/:e),g=e=>{let t=r(e);return[...t," ","-"," ",...t]},m=(n,i)=>{let r=n.trim();if(r.length!==i.length)return null;let g=t(r,i,new Date);return l(g)&&e(g,i)===r?g:null},u=(e,t,{minDate:l,maxDate:n,allowStartOnly:i=!1}={})=>{let r=e.trim();if(""===r)return"empty";let g=r.split(" - "),u=g[0],a=void 0!==u?m(u,t):null;if(2===g.length){let e=g[1],i=void 0!==e?m(e,t):null;if(a&&i)return a.getTime()>i.getTime()||l&&a.getTime()<l.getTime()||n&&i.getTime()>n.getTime()?null:{start:a,end:i}}return i&&a?l&&a.getTime()<l.getTime()||n&&a.getTime()>n.getTime()?null:{start:a,end:null}:null},a=(e,t,l,n,i)=>{if(!l||!e||t||e.getTime()>n.getTime())return[e,t];let r=i&&i.getTime()<n.getTime()?i:n;return e.getTime()>r.getTime()?[e,t]:[e,r]};export{a as applyEndFallback,g as buildRangeMask,n as formatRange,i as matchPresetLabel,u as parseRange};
+import{format as e,parse as t,isValid as l}from"date-fns";let n=(t,l,n)=>{let i=t?e(t,n):"",r=l?e(l,n):"";return i&&r?`${i} - ${r}`:i||""},i=(e,t,l)=>{let n=(e,t)=>null===e?null===t:null!==t&&e.getTime()===t.getTime(),i=l.find(l=>n(e,l.range[0])&&n(t,l.range[1]));return i?i.label:null},r=e=>[...e].map(e=>/[a-zA-Z]/.test(e)?/\d/:e),m=e=>{let t=r(e);return[...t," ","-"," ",...t]},g=(n,i)=>{let r=n.trim();if(r.length!==i.length)return null;let m=t(r,i,new Date);return l(m)&&e(m,i)===r?m:null},u=(e,t,{minDate:l,maxDate:n,allowStartOnly:i=!1}={})=>{let r=e.trim();if(""===r)return"empty";let m=r.split(" - "),u=m[0],T=void 0!==u?g(u,t):null;if(2===m.length){let e=m[1],i=void 0!==e?g(e,t):null;if(T&&i)return T.getTime()>i.getTime()||l&&T.getTime()<l.getTime()||n&&i.getTime()>n.getTime()?null:{start:T,end:i}}return i&&T?l&&T.getTime()<l.getTime()||n&&T.getTime()>n.getTime()?null:{start:T,end:null}:null},T=(e,t,l,n,i)=>{if(!l||!e||t||e.getTime()>n.getTime())return[e,t];let r=i&&i.getTime()<n.getTime()?i:n;return e.getTime()>r.getTime()?[e,t]:[e,r]},a=(e,t)=>e&&t&&e.getTime()>t.getTime()?[t,e]:[e,t];export{T as applyEndFallback,m as buildRangeMask,n as formatRange,i as matchPresetLabel,a as normalizeOrder,u as parseRange};
 //# sourceMappingURL=utils.js.map

package/dist/components/Datepicker/DateRangePicker/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/Datepicker/DateRangePicker/utils.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\n\nconst SEPARATOR = ' - ';\n\nexport const formatRange = (\n start: Date \| null,\n end: Date \| null,\n displayFormat: string,\n): string => {\n const startStr = start ? format(start, displayFormat) : '';\n const endStr = end ? format(end, displayFormat) : '';\n if (startStr && endStr) return `${startStr}${SEPARATOR}${endStr}`;\n if (startStr) return startStr;\n return '';\n};\n\ntype PresetEntry = { label: string; range: [Date, Date] };\n\n/*\n Якщо діапазон точно збігається з діапазоном іменованого пресету — повертає його підпис,\n * інакше null. Порівняння за getTime() з урахуванням null; за колізії — перший збіг.\n /\nexport const matchPresetLabel = (\n start: Date \| null,\n end: Date \| null,\n presets: ReadonlyArray<PresetEntry>,\n): string \| null => {\n const sameInstant = (a: Date \| null, b: Date \| null): boolean =>\n a === null ? b === null : b !== null && a.getTime() === b.getTime();\n const match = presets.find(\n (p) => sameInstant(start, p.range[0]) && sameInstant(end, p.range[1]),\n );\n return match ? match.label : null;\n};\n\n/\n Builds a react-text-mask mask for a single date from a date-fns format string:\n * every pattern letter becomes a digit slot, every other character stays a literal.\n * Targets numeric date formats (dd/MM/yyyy, dd.MM.yyyy, yyyy-MM-dd, …).\n /\nconst buildDateMask = (displayFormat: string): (string \| RegExp)[] =>\n [...displayFormat].map((char) => (/[a-zA-Z]/.test(char) ? /\\d/ : char));\n\n/* Builds the full range mask (`<date> - <date>`) derived from the given format. /\nexport const buildRangeMask = (displayFormat: string): (string \| RegExp)[] => {\n const dateMask = buildDateMask(displayFormat);\n return [...dateMask, ' ', '-', ' ', ...dateMask];\n};\n\nexport interface ParsedRange {\n start: Date;\n end: Date;\n}\n\n/* результат, коли введено лише валідну дату початку (кінець підставляється окремо) /\nexport interface ParsedStart {\n start: Date;\n end: null;\n}\n\ninterface ParseBounds {\n minDate?: Date \| null;\n maxDate?: Date \| null;\n /* дозволити введення лише дати початку — для режиму endDefaultsToToday /\n allowStartOnly?: boolean;\n}\n\nconst parseToken = (token: string, displayFormat: string): Date \| null => {\n const trimmed = token.trim();\n if (trimmed.length !== displayFormat.length) return null;\n const parsed = parse(trimmed, displayFormat, new Date());\n if (!isValid(parsed)) return null;\n // round-trip guard rejects overflow values like 32/13/2025\n if (format(parsed, displayFormat) !== trimmed) return null;\n return parsed;\n};\n\n/\n Parses a typed range string.\n * Returns 'empty' for blank input, a full {start, end} range when both dates are\n * valid, and — when `allowStartOnly` is set (endDefaultsToToday) — a {start, end: null}\n * result when only a valid start date has been entered. null otherwise.\n /\nexport const parseRange = (\n text: string,\n displayFormat: string,\n { minDate, maxDate, allowStartOnly = false }: ParseBounds = {},\n): ParsedRange \| ParsedStart \| 'empty' \| null => {\n const trimmed = text.trim();\n if (trimmed === '') return 'empty';\n\n // Split on the spaced range separator ' - ' — the exact literal the mask inserts between\n // the two dates. Using the spaced form (not a bare '-') keeps date-internal dashes intact,\n // so '-'-separated formats like yyyy-MM-dd parse correctly too.\n const parts = trimmed.split(SEPARATOR);\n const startPart = parts[0];\n const start = startPart !== undefined ? parseToken(startPart, displayFormat) : null;\n\n if (parts.length === 2) {\n const endPart = parts[1];\n const end = endPart !== undefined ? parseToken(endPart, displayFormat) : null;\n if (start && end) {\n if (start.getTime() > end.getTime()) return null;\n if (minDate && start.getTime() < minDate.getTime()) return null;\n if (maxDate && end.getTime() > maxDate.getTime()) return null;\n return { start, end };\n }\n }\n\n // start-only: a valid start with the end still blank (or mask placeholders)\n if (allowStartOnly && start) {\n if (minDate && start.getTime() < minDate.getTime()) return null;\n if (maxDate && start.getTime() > maxDate.getTime()) return null;\n return { start, end: null };\n }\n\n return null;\n};\n\n/\n Commit-time fallback for the end date.\n * When enabled and the user committed a start but no end, fills the end with `now`.\n * `now` is injected so the whole computation does a single clock read per commit\n * and stays a pure function (the caller passes `new Date()` at Save).\n \n Returns the tuple unchanged when disabled, when both are empty / end is already\n * set, or when start is in the future relative to `now` (would yield a reversed\n * range). When `maxDate` precedes `now`, the filled end is clamped down to it.\n */\nexport const applyEndFallback = (\n start: Date \| null,\n end: Date \| null,\n enabled: boolean,\n now: Date,\n maxDate?: Date \| null,\n): [Date \| null, Date \| null] => {\n if (!enabled) return [start, end];\n if (!start \|\| end) return [start, end];\n if (start.getTime() > now.getTime()) return [start, end]; // reversed-range guard\n // Clamp DOWN to maxDate only — mirrors parseRange's instant comparison above\n // (end.getTime() > maxDate.getTime()); may no-op against a day-granular maxDate.\n const filledEnd = maxDate && maxDate.getTime() < now.getTime() ? maxDate : now;\n if (start.getTime() > filledEnd.getTime()) return [start, end]; // post-clamp guard\n return [start, filledEnd];\n};\n"],"names":["formatRange","start","end","displayFormat","startStr","format","endStr","matchPresetLabel","presets","sameInstant","a","b","getTime","match","find","p","range","label","buildDateMask","map","char","test","buildRangeMask","dateMask","parseToken","token","trimmed","trim","length","parsed","parse","Date","isValid","parseRange","text","minDate","maxDate","allowStartOnly","parts","split","startPart","undefined","endPart","applyEndFallback","enabled","now","filledEnd"],"mappings":"0DAIaA,IAAAA,EAAc,CACvBC,EACAC,EACAC,KAEA,IAAMC,EAAWH,EAAQI,EAAOJ,EAAOE,GAAiB,GAClDG,EAASJ,EAAMG,EAAOH,EAAKC,GAAiB,UAClD,AAAIC,GAAYE,EAAe,GAAGF,OAAuBE,GAAQ,CAC7DF,GACG,EACX,EAQaG,EAAmB,CAC5BN,EACAC,EACAM,KAEA,IAAMC,EAAc,CAACC,EAAgBC,IACjCD,AAAM,OAANA,EAAaC,AAAM,OAANA,EAAaA,AAAM,OAANA,GAAcD,EAAEE,OAAO,KAAOD,EAAEC,OAAO,GAC/DC,EAAQL,EAAQM,IAAI,CACtB,AAACC,GAAMN,EAAYR,EAAOc,EAAEC,KAAK,CAAC,EAAE,GAAKP,EAAYP,EAAKa,EAAEC,KAAK,CAAC,EAAE,GAExE,OAAOH,EAAQA,EAAMI,KAAK,CAAG,IACjC,EAOMC,EAAgB,AAACf,GACnB,IAAIA,EAAc,CAACgB,GAAG,CAAC,AAACC,GAAU,WAAWC,IAAI,CAACD,GAAQ,KAAOA,GAGxDE,EAAiB,AAACnB,IAC3B,IAAMoB,EAAWL,EAAcf,GAC/B,MAAO,IAAIoB,EAAU,IAAK,IAAK,OAAQA,EAAS,AACpD,EAoBMC,EAAa,CAACC,EAAetB,KAC/B,IAAMuB,EAAUD,EAAME,IAAI,GAC1B,GAAID,EAAQE,MAAM,GAAKzB,EAAcyB,MAAM,CAAE,OAAO,KACpD,IAAMC,EAASC,EAAMJ,EAASvB,EAAe,IAAI4B,aACjD,AAAKC,EAAQH,IAETxB,EAAOwB,EAAQ1B,KAAmBuB,EAC/BG,EAHsB,IAIjC,EAQaI,EAAa,CACtBC,EACA/B,EACA,CAAEgC,QAAAA,CAAO,CAAEC,QAAAA,CAAO,CAAEC,eAAAA,EAAiB,CAAA,CAAK,CAAe,CAAG,EAAE,IAE9D,IAAMX,EAAUQ,EAAKP,IAAI,GACzB,GAAID,AAAY,KAAZA,EAAgB,MAAO,QAK3B,IAAMY,EAAQZ,EAAQa,KAAK,CA5Fb,OA6FRC,EAAYF,CAAK,CAAC,EAAE,CACpBrC,EAAQuC,AAAcC,KAAAA,IAAdD,EAA0BhB,EAAWgB,EAAWrC,GAAiB,KAE/E,GAAImC,AAAiB,IAAjBA,EAAMV,MAAM,CAAQ,CACpB,IAAMc,EAAUJ,CAAK,CAAC,EAAE,CAClBpC,EAAMwC,AAAYD,KAAAA,IAAZC,EAAwBlB,EAAWkB,EAASvC,GAAiB,KACzE,GAAIF,GAASC,SACT,AAAID,EAAMW,OAAO,GAAKV,EAAIU,OAAO,IAC7BuB,GAAWlC,EAAMW,OAAO,GAAKuB,EAAQvB,OAAO,IAC5CwB,GAAWlC,EAAIU,OAAO,GAAKwB,EAAQxB,OAAO,GAFF,KAGrC,CAAEX,MAAAA,EAAOC,IAAAA,CAAI,CAE5B,QAGA,AAAImC,GAAkBpC,EAClB,AAAIkC,GAAWlC,EAAMW,OAAO,GAAKuB,EAAQvB,OAAO,IAC5CwB,GAAWnC,EAAMW,OAAO,GAAKwB,EAAQxB,OAAO,GADW,KAEpD,CAAEX,MAAAA,EAAOC,IAAK,IAAK,EAGvB,IACX,EAYayC,EAAmB,CAC5B1C,EACAC,EACA0C,EACAC,EACAT,KAEA,GAAI,CAACQ,GACD,CAAC3C,GAASC,GACVD,EAAMW,OAAO,GAAKiC,EAAIjC,OAAO,GAFnB,MAAO,CAACX,EAAOC,EAAI,CAKjC,IAAM4C,EAAYV,GAAWA,EAAQxB,OAAO,GAAKiC,EAAIjC,OAAO,GAAKwB,EAAUS,SAC3E,AAAI5C,EAAMW,OAAO,GAAKkC,EAAUlC,OAAO,GAAW,CAACX,EAAOC,EAAI,CACvD,CAACD,EAAO6C,EAAU,AAC7B"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/Datepicker/DateRangePicker/utils.ts"],"sourcesContent":["import { format, isValid, parse } from 'date-fns';\n\nconst SEPARATOR = ' - ';\n\nexport const formatRange = (\n start: Date \| null,\n end: Date \| null,\n displayFormat: string,\n): string => {\n const startStr = start ? format(start, displayFormat) : '';\n const endStr = end ? format(end, displayFormat) : '';\n if (startStr && endStr) return `${startStr}${SEPARATOR}${endStr}`;\n if (startStr) return startStr;\n return '';\n};\n\ntype PresetEntry = { label: string; range: [Date, Date] };\n\n/*\n Якщо діапазон точно збігається з діапазоном іменованого пресету — повертає його підпис,\n * інакше null. Порівняння за getTime() з урахуванням null; за колізії — перший збіг.\n /\nexport const matchPresetLabel = (\n start: Date \| null,\n end: Date \| null,\n presets: ReadonlyArray<PresetEntry>,\n): string \| null => {\n const sameInstant = (a: Date \| null, b: Date \| null): boolean =>\n a === null ? b === null : b !== null && a.getTime() === b.getTime();\n const match = presets.find(\n (p) => sameInstant(start, p.range[0]) && sameInstant(end, p.range[1]),\n );\n return match ? match.label : null;\n};\n\n/\n Builds a react-text-mask mask for a single date from a date-fns format string:\n * every pattern letter becomes a digit slot, every other character stays a literal.\n * Targets numeric date formats (dd/MM/yyyy, dd.MM.yyyy, yyyy-MM-dd, …).\n /\nconst buildDateMask = (displayFormat: string): (string \| RegExp)[] =>\n [...displayFormat].map((char) => (/[a-zA-Z]/.test(char) ? /\\d/ : char));\n\n/* Builds the full range mask (`<date> - <date>`) derived from the given format. /\nexport const buildRangeMask = (displayFormat: string): (string \| RegExp)[] => {\n const dateMask = buildDateMask(displayFormat);\n return [...dateMask, ' ', '-', ' ', ...dateMask];\n};\n\nexport interface ParsedRange {\n start: Date;\n end: Date;\n}\n\n/* результат, коли введено лише валідну дату початку (кінець підставляється окремо) /\nexport interface ParsedStart {\n start: Date;\n end: null;\n}\n\ninterface ParseBounds {\n minDate?: Date \| null;\n maxDate?: Date \| null;\n /* дозволити введення лише дати початку — для режиму endDefaultsToToday /\n allowStartOnly?: boolean;\n}\n\nconst parseToken = (token: string, displayFormat: string): Date \| null => {\n const trimmed = token.trim();\n if (trimmed.length !== displayFormat.length) return null;\n const parsed = parse(trimmed, displayFormat, new Date());\n if (!isValid(parsed)) return null;\n // round-trip guard rejects overflow values like 32/13/2025\n if (format(parsed, displayFormat) !== trimmed) return null;\n return parsed;\n};\n\n/\n Parses a typed range string.\n * Returns 'empty' for blank input, a full {start, end} range when both dates are\n * valid, and — when `allowStartOnly` is set (endDefaultsToToday) — a {start, end: null}\n * result when only a valid start date has been entered. null otherwise.\n /\nexport const parseRange = (\n text: string,\n displayFormat: string,\n { minDate, maxDate, allowStartOnly = false }: ParseBounds = {},\n): ParsedRange \| ParsedStart \| 'empty' \| null => {\n const trimmed = text.trim();\n if (trimmed === '') return 'empty';\n\n // Split on the spaced range separator ' - ' — the exact literal the mask inserts between\n // the two dates. Using the spaced form (not a bare '-') keeps date-internal dashes intact,\n // so '-'-separated formats like yyyy-MM-dd parse correctly too.\n const parts = trimmed.split(SEPARATOR);\n const startPart = parts[0];\n const start = startPart !== undefined ? parseToken(startPart, displayFormat) : null;\n\n if (parts.length === 2) {\n const endPart = parts[1];\n const end = endPart !== undefined ? parseToken(endPart, displayFormat) : null;\n if (start && end) {\n if (start.getTime() > end.getTime()) return null;\n if (minDate && start.getTime() < minDate.getTime()) return null;\n if (maxDate && end.getTime() > maxDate.getTime()) return null;\n return { start, end };\n }\n }\n\n // start-only: a valid start with the end still blank (or mask placeholders)\n if (allowStartOnly && start) {\n if (minDate && start.getTime() < minDate.getTime()) return null;\n if (maxDate && start.getTime() > maxDate.getTime()) return null;\n return { start, end: null };\n }\n\n return null;\n};\n\n/\n Commit-time fallback for the end date.\n * When enabled and the user committed a start but no end, fills the end with `now`.\n * `now` is injected so the whole computation does a single clock read per commit\n * and stays a pure function (the caller passes `new Date()` at Save).\n \n Returns the tuple unchanged when disabled, when both are empty / end is already\n * set, or when start is in the future relative to `now` (would yield a reversed\n * range). When `maxDate` precedes `now`, the filled end is clamped down to it.\n /\nexport const applyEndFallback = (\n start: Date \| null,\n end: Date \| null,\n enabled: boolean,\n now: Date,\n maxDate?: Date \| null,\n): [Date \| null, Date \| null] => {\n if (!enabled) return [start, end];\n if (!start \|\| end) return [start, end];\n if (start.getTime() > now.getTime()) return [start, end]; // reversed-range guard\n // Clamp DOWN to maxDate only — mirrors parseRange's instant comparison above\n // (end.getTime() > maxDate.getTime()); may no-op against a day-granular maxDate.\n const filledEnd = maxDate && maxDate.getTime() < now.getTime() ? maxDate : now;\n if (start.getTime() > filledEnd.getTime()) return [start, end]; // post-clamp guard\n return [start, filledEnd];\n};\n\n/\n Гарантує порядок діапазону: якщо обидві дати не null і start пізніше за end —\n * міняє їх місцями. Єдина дата (null) або рівні дати лишаються без змін.\n * Парність із гардом ручного вводу `parseRange` (start.getTime() > end.getTime()).\n */\nexport const normalizeOrder = (\n start: Date \| null,\n end: Date \| null,\n): [Date \| null, Date \| null] => {\n if (start && end && start.getTime() > end.getTime()) return [end, start];\n return [start, end];\n};\n"],"names":["formatRange","start","end","displayFormat","startStr","format","endStr","matchPresetLabel","presets","sameInstant","a","b","getTime","match","find","p","range","label","buildDateMask","map","char","test","buildRangeMask","dateMask","parseToken","token","trimmed","trim","length","parsed","parse","Date","isValid","parseRange","text","minDate","maxDate","allowStartOnly","parts","split","startPart","undefined","endPart","applyEndFallback","enabled","now","filledEnd","normalizeOrder"],"mappings":"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"}

package/dist/components/Spinner/Spinner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import s from"classnames";let n=({color:n="currentColor",width:r,height:c,className:t,style:a,variant:i="circle"})=>e.createElement("span",{className:s("vchasno-ui-spinner",`vchasno-ui-spinner--${i}`,t),style:{width:r,height:c,...a}},"logo"===i&&e.createElement("svg",{className:"vchasno-ui-spinner__svg",viewBox:"0 0 40 40"},e.createElement("path",{className:"vchasno-ui-spinner__svg__path",d:"M20.527764,13.617419c-3.247092,0-7.156771,3-7.156771,7.056613s3.14,7.483387,7.311171,7.483387c4.5428,0,7.248829-3.814471,7.248829-7.483387c0-2.343432-1.671234-4.716613-1.671234-4.716613s-5.351234,5.749045-5.351234,5.749045-2.737532-2.509045-2.737532-2.509045",pathLength:"200",fill:"none",stroke:n,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})),"circle"===i&&e.createElement("svg",{className:"vchasno-ui-spinner__svg",viewBox:"25 25 50 50"},e.createElement("circle",{className:"vchasno-ui-spinner__svg__circle",cx:"50",cy:"50",r:"20",fill:"none",stroke:n,strokeWidth:"2",strokeMiterlimit:"10"})));export{n as default};
+import e from"react";import s from"classnames";let n=({color:n="currentColor",width:r,height:c,className:a,style:t,variant:i="circle"})=>e.createElement("span",{className:s("vchasno-ui-spinner",`vchasno-ui-spinner--${i}`,a),style:{width:r,height:c,...t}},"logo"===i&&e.createElement("svg",{className:"vchasno-ui-spinner__svg",viewBox:"0 0 40 40"},e.createElement("path",{className:"vchasno-ui-spinner__svg__path",d:"M20.527764,13.617419c-3.247092,0-7.156771,3-7.156771,7.056613s3.14,7.483387,7.311171,7.483387c4.5428,0,7.248829-3.814471,7.248829-7.483387c0-2.343432-1.671234-4.716613-1.671234-4.716613s-5.351234,5.749045-5.351234,5.749045-2.737532-2.509045-2.737532-2.509045",pathLength:"195",fill:"none",stroke:n,strokeWidth:"2",strokeLinecap:"square"})),"circle"===i&&e.createElement("svg",{className:"vchasno-ui-spinner__svg",viewBox:"25 25 50 50"},e.createElement("circle",{className:"vchasno-ui-spinner__svg__circle",cx:"50",cy:"50",r:"20",fill:"none",stroke:n,strokeWidth:"2",strokeMiterlimit:"10"})));export{n as default};
 //# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport './Spinner.global.css';\n\nexport interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {\n /*\n CSS color #fff - default\n /\n color?: string;\n /\n CSS width values like 10em \| 10px \| 50%\n /\n width?: React.CSSProperties['width'];\n /\n CSS height values like 10em \| 10px \| 50%\n /\n height?: React.CSSProperties['height'];\n /\n Visual variant of the spinner.\n * - `circle` (default): rotating arc.\n * - `logo`: branded product logo with stroke-draw animation.\n */\n variant?: 'circle' \| 'logo';\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({\n color = 'currentColor',\n width,\n height,\n className,\n style,\n variant = 'circle',\n}) => {\n return (\n <span\n className={cn('vchasno-ui-spinner', `vchasno-ui-spinner--${variant}`, className)}\n style={{ width, height, ...style }}\n >\n {variant === 'logo' && (\n <svg className=\"vchasno-ui-spinner__svg\" viewBox=\"0 0 40 40\">\n <path\n className=\"vchasno-ui-spinner__svg__path\"\n d=\"M20.527764,13.617419c-3.247092,0-7.156771,3-7.156771,7.056613s3.14,7.483387,7.311171,7.483387c4.5428,0,7.248829-3.814471,7.248829-7.483387c0-2.343432-1.671234-4.716613-1.671234-4.716613s-5.351234,5.749045-5.351234,5.749045-2.737532-2.509045-2.737532-2.509045\"\n pathLength=\"~~200~~\"\n fill=\"none\"\n stroke={color}\n strokeWidth=\"2.5\"\n strokeLinecap=\"~~round~~\"\n ~~strokeLinejoin=\"round\"\n~~ />\n </svg>\n )}\n {variant === 'circle' && (\n <svg className=\"vchasno-ui-spinner__svg\" viewBox=\"25 25 50 50\">\n <circle\n className=\"vchasno-ui-spinner__svg__circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n stroke={color}\n strokeWidth=\"2\"\n strokeMiterlimit=\"10\"\n />\n </svg>\n )}\n </span>\n );\n};\n\nexport default Spinner;\n"],"names":["Spinner","color","width","height","className","style","variant","React","span","cn","svg","viewBox","path","d","pathLength","fill","stroke","strokeWidth","strokeLinecap","~~strokeLinejoin","~~circle","cx","cy","r","strokeMiterlimit"],"mappings":"+CA2BA,IAAMA,EAAkC,CAAC,CACrCC,MAAAA,EAAQ,cAAc,CACtBC,MAAAA,CAAK,CACLC,OAAAA,CAAM,CACNC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,QAAAA,EAAU,QAAQ,CACrB,GAEOC,EAACC,aAAAA,CAAAA,OAAAA,CACGJ,UAAWK,EAAG,qBAAsB,CAAC,oBAAoB,EAAEH,GAAS,CAAEF,GACtEC,MAAO,CAAEH,MAAAA,EAAOC,OAAAA,EAAQ,GAAGE,CAAAA,AAAM,CAEhCC,EAAAA,AAAY,SAAZA,GACGC,EAACG,aAAAA,CAAAA,MAAAA,CAAIN,UAAU,0BAA0BO,QAAQ,aAC7CJ,EAACK,aAAAA,CAAAA,OAAAA,CACGR,UAAU,gCACVS,EAAE,qQACFC,WAAW,MACXC,KAAK,OACLC,OAAQf,EACRgB,YAAY,~~MACZC~~,cAAc,~~QACdC~~,~~eAAe,OAI1Bb,~~IAAAA,AAAY,WAAZA,GACGC,EAACG,aAAAA,CAAAA,MAAAA,CAAIN,UAAU,0BAA0BO,QAAQ,eAC7CJ,~~EAACa~~,aAAAA,CAAAA,SAAAA,~~CACGhB~~,UAAU,~~kCACViB~~,GAAG,KACHC,GAAG,KACHC,EAAE,~~KACFR~~,KAAK,OACLC,OAAQf,EACRgB,YAAY,~~IACZO~~,iBAAiB"}
1	+ {"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport './Spinner.global.css';\n\nexport interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {\n /*\n CSS color #fff - default\n /\n color?: string;\n /\n CSS width values like 10em \| 10px \| 50%\n /\n width?: React.CSSProperties['width'];\n /\n CSS height values like 10em \| 10px \| 50%\n /\n height?: React.CSSProperties['height'];\n /\n Visual variant of the spinner.\n * - `circle` (default): rotating arc.\n * - `logo`: branded product logo with stroke-draw animation.\n */\n variant?: 'circle' \| 'logo';\n}\n\nconst Spinner: React.FC<SpinnerProps> = ({\n color = 'currentColor',\n width,\n height,\n className,\n style,\n variant = 'circle',\n}) => {\n return (\n <span\n className={cn('vchasno-ui-spinner', `vchasno-ui-spinner--${variant}`, className)}\n style={{ width, height, ...style }}\n >\n {variant === 'logo' && (\n <svg className=\"vchasno-ui-spinner__svg\" viewBox=\"0 0 40 40\">\n <path\n className=\"vchasno-ui-spinner__svg__path\"\n d=\"M20.527764,13.617419c-3.247092,0-7.156771,3-7.156771,7.056613s3.14,7.483387,7.311171,7.483387c4.5428,0,7.248829-3.814471,7.248829-7.483387c0-2.343432-1.671234-4.716613-1.671234-4.716613s-5.351234,5.749045-5.351234,5.749045-2.737532-2.509045-2.737532-2.509045\"\n pathLength=\"195\"\n fill=\"none\"\n stroke={color}\n strokeWidth=\"2\"\n strokeLinecap=\"square\"\n />\n </svg>\n )}\n {variant === 'circle' && (\n <svg className=\"vchasno-ui-spinner__svg\" viewBox=\"25 25 50 50\">\n <circle\n className=\"vchasno-ui-spinner__svg__circle\"\n cx=\"50\"\n cy=\"50\"\n r=\"20\"\n fill=\"none\"\n stroke={color}\n strokeWidth=\"2\"\n strokeMiterlimit=\"10\"\n />\n </svg>\n )}\n </span>\n );\n};\n\nexport default Spinner;\n"],"names":["Spinner","color","width","height","className","style","variant","React","span","cn","svg","viewBox","path","d","pathLength","fill","stroke","strokeWidth","strokeLinecap","circle","cx","cy","r","strokeMiterlimit"],"mappings":"+CA2BA,IAAMA,EAAkC,CAAC,CACrCC,MAAAA,EAAQ,cAAc,CACtBC,MAAAA,CAAK,CACLC,OAAAA,CAAM,CACNC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLC,QAAAA,EAAU,QAAQ,CACrB,GAEOC,EAACC,aAAAA,CAAAA,OAAAA,CACGJ,UAAWK,EAAG,qBAAsB,CAAC,oBAAoB,EAAEH,GAAS,CAAEF,GACtEC,MAAO,CAAEH,MAAAA,EAAOC,OAAAA,EAAQ,GAAGE,CAAAA,AAAM,CAEhCC,EAAAA,AAAY,SAAZA,GACGC,EAACG,aAAAA,CAAAA,MAAAA,CAAIN,UAAU,0BAA0BO,QAAQ,aAC7CJ,EAACK,aAAAA,CAAAA,OAAAA,CACGR,UAAU,gCACVS,EAAE,qQACFC,WAAW,MACXC,KAAK,OACLC,OAAQf,EACRgB,YAAY,IACZC,cAAc,QAIzBZ,IAAAA,AAAY,WAAZA,GACGC,EAACG,aAAAA,CAAAA,MAAAA,CAAIN,UAAU,0BAA0BO,QAAQ,eAC7CJ,EAACY,aAAAA,CAAAA,SAAAA,CACGf,UAAU,kCACVgB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFP,KAAK,OACLC,OAAQf,EACRgB,YAAY,IACZM,iBAAiB"}

package/dist/css/vchasno-ui.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-border-radius-none:0;--vchasno-ui-border-radius-xs:2px;--vchasno-ui-border-radius-sm:4px;--vchasno-ui-border-radius-md:8px;--vchasno-ui-border-radius-lg:12px;--vchasno-ui-border-radius-xl:16px;--vchasno-ui-border-radius-full:9999px;--vchasno-ui-font-size-2xs:10px;--vchasno-ui-font-size-xs:12px;--vchasno-ui-font-size-sm:14px;--vchasno-ui-font-size-md:16px;--vchasno-ui-font-size-lg:20px;--vchasno-ui-font-size-xl:24px;--vchasno-ui-font-size-2xl:32px;--vchasno-ui-font-weight-thin:100;--vchasno-ui-font-weight-extralight:200;--vchasno-ui-font-weight-light:300;--vchasno-ui-font-weight-regular:400;--vchasno-ui-font-weight-medium:500;--vchasno-ui-font-weight-semibold:600;--vchasno-ui-font-weight-bold:700;--vchasno-ui-font-weight-extrabold:800;--vchasno-ui-font-weight-black:900;--vchasno-ui-spacing-0:0px;--vchasno-ui-spacing-2:2px;--vchasno-ui-spacing-4:4px;--vchasno-ui-spacing-6:6px;--vchasno-ui-spacing-8:8px;--vchasno-ui-spacing-10:10px;--vchasno-ui-spacing-12:12px;--vchasno-ui-spacing-16:16px;--vchasno-ui-spacing-20:20px;--vchasno-ui-spacing-24:24px;--vchasno-ui-spacing-32:32px;--vchasno-ui-spacing-40:40px;--vchasno-ui-spacing-48:48px;--vchasno-ui-spacing-52:52px;--vchasno-ui-spacing-120:120px;--vchasno-ui-color-brand-ttn-25:#f2f3fa;--vchasno-ui-color-brand-ttn-50:#d9d6f6;--vchasno-ui-color-brand-ttn-100:#c6c0f2;--vchasno-ui-color-brand-ttn-200:#b4abef;--vchasno-ui-color-brand-ttn-300:#9f93eb;--vchasno-ui-color-brand-ttn-400:#8e7fe8;--vchasno-ui-color-brand-ttn-500:#7b69e4;--vchasno-ui-color-brand-ttn-600:#604adf;--vchasno-ui-color-brand-ttn-700:#5443bc;--vchasno-ui-color-brand-edo-25:#fffbf5;--vchasno-ui-color-brand-edo-50:#fff3e0;--vchasno-ui-color-brand-edo-100:#ffe8c2;--vchasno-ui-color-brand-edo-400:#ffb200;--vchasno-ui-color-brand-edo-500:#ff9c01;--vchasno-ui-color-brand-edo-600:#f58700;--vchasno-ui-color-brand-qes-25:#fff5f5;--vchasno-ui-color-brand-qes-50:#ffe9ea;--vchasno-ui-color-brand-qes-100:#ffd8d9;--vchasno-ui-color-brand-qes-200:#ffc0c2;--vchasno-ui-color-brand-qes-300:#ffaeb0;--vchasno-ui-color-brand-qes-400:#ff9a9d;--vchasno-ui-color-brand-qes-500:#ff878b;--vchasno-ui-color-brand-qes-600:#ff7c80;--vchasno-ui-color-brand-qes-700:#ff5a5f;--vchasno-ui-color-brand-qes-800:#e75459;--vchasno-ui-color-brand-kadry-25:#f8fcfb;--vchasno-ui-color-brand-kadry-50:#e4f3f1;--vchasno-ui-color-brand-kadry-100:#c7eae5;--vchasno-ui-color-brand-kadry-200:#b1e3dc;--vchasno-ui-color-brand-kadry-300:#9bdcd3;--vchasno-ui-color-brand-kadry-400:#86d5ca;--vchasno-ui-color-brand-kadry-500:#70cec1;--vchasno-ui-color-brand-kadry-600:#5bc7b8;--vchasno-ui-color-brand-kadry-700:#12747d;--vchasno-ui-color-brand-kadry-800:#07626a;--vchasno-ui-color-brand-zvit-25:#fff8f5;--vchasno-ui-color-brand-zvit-50:#ffe8db;--vchasno-ui-color-brand-zvit-100:#ffd7c2;--vchasno-ui-color-brand-zvit-200:#ffc7a8;--vchasno-ui-color-brand-zvit-300:#ffb68f;--vchasno-ui-color-brand-zvit-400:#ffa675;--vchasno-ui-color-brand-zvit-500:#ff955c;--vchasno-ui-color-brand-zvit-600:#ff8542;--vchasno-ui-color-brand-zvit-700:#ff752a;--vchasno-ui-color-brand-zvit-800:#f55d0b;--vchasno-ui-color-brand-edi-25:#f5f9ff;--vchasno-ui-color-brand-edi-50:#e0eeff;--vchasno-ui-color-brand-edi-100:#b8dafc;--vchasno-ui-color-brand-edi-200:#9cccfa;--vchasno-ui-color-brand-edi-300:#80bdf8;--vchasno-ui-color-brand-edi-400:#63aef6;--vchasno-ui-color-brand-edi-500:#469ff4;--vchasno-ui-color-brand-edi-600:#007cef;--vchasno-ui-color-brand-edi-700:#1a66c8;--vchasno-ui-color-brand-kasa-25:#fff5fb;--vchasno-ui-color-brand-kasa-50:#ffeff8;--vchasno-ui-color-brand-kasa-100:#ffd3eb;--vchasno-ui-color-brand-kasa-200:#ffc0e3;--vchasno-ui-color-brand-kasa-300:#ffb5de;--vchasno-ui-color-brand-kasa-400:#f39ecd;--vchasno-ui-color-brand-kasa-500:#e582b8;--vchasno-ui-color-brand-kasa-600:#ce6fa3;--vchasno-ui-color-utility-blue-25:#f5f9ff;--vchasno-ui-color-utility-blue-50:#ecf4ff;--vchasno-ui-color-utility-blue-100:#dbe9fa;--vchasno-ui-color-utility-blue-200:#4e9aff;--vchasno-ui-color-utility-blue-500:#1a66c8;--vchasno-ui-color-utility-blue-600:#14509e;--vchasno-ui-color-utility-blue-700:#124587;--vchasno-ui-color-utility-green-50:#f5fdec;--vchasno-ui-color-utility-green-100:#d3efc8;--vchasno-ui-color-utility-green-200:#abdf96;--vchasno-ui-color-utility-green-300:#1cb800;--vchasno-ui-color-utility-green-400:#138000;--vchasno-ui-color-utility-red-50:#fee;--vchasno-ui-color-utility-red-100:#ffd8d6;--vchasno-ui-color-utility-red-200:#fb7a7a;--vchasno-ui-color-utility-red-300:#f54f4f;--vchasno-ui-color-utility-red-400:#c1261a;--vchasno-ui-color-utility-orange-50:#fff2d6;--vchasno-ui-color-utility-orange-100:#ffebcc;--vchasno-ui-color-utility-orange-400:#ffb200;--vchasno-ui-color-utility-orange-500:#f58700;--vchasno-ui-color-gray-0:#fff;--vchasno-ui-color-gray-25:#f3f8fb;--vchasno-ui-color-gray-50:#e2e9f3;--vchasno-ui-color-gray-100:#bfcede;--vchasno-ui-color-gray-200:#9aaabf;--vchasno-ui-color-gray-300:#8194ac;--vchasno-ui-color-gray-400:#6e809a;--vchasno-ui-color-gray-500:#3b4250;--vchasno-ui-color-gray-600:#252d3d;--vchasno-ui-color-gray-700:#1d1d1f;--vchasno-ui-color-surface-disabled-subtle:var(--vchasno-ui-color-gray-25);--vchasno-ui-color-surface-disabled-default:var(--vchasno-ui-color-gray-50);--vchasno-ui-color-surface-disabled-strong:var(--vchasno-ui-color-gray-100);--vchasno-ui-color-surface-disabled-1:var(--vchasno-ui-color-gray-200);--vchasno-ui-color-surface-success-muted:var(--vchasno-ui-color-utility-green-50);--vchasno-ui-color-surface-success-subtle:var(--vchasno-ui-color-utility-green-100);--vchasno-ui-color-surface-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-surface-error-muted:var(--vchasno-ui-color-utility-red-50);--vchasno-ui-color-surface-error-subtle:var(--vchasno-ui-color-utility-red-100);--vchasno-ui-color-surface-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-surface-info-muted:var(--vchasno-ui-color-utility-blue-50);--vchasno-ui-color-surface-info-subtle:var(--vchasno-ui-color-utility-blue-100);--vchasno-ui-color-surface-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-surface-warning-muted:var(--vchasno-ui-color-utility-orange-50);--vchasno-ui-color-surface-warning-subtle:var(--vchasno-ui-color-utility-orange-100);--vchasno-ui-color-surface-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-color-surface-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-disabled-default:var(--vchasno-ui-color-gray-200);--vchasno-ui-color-content-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-error-default:var(--vchasno-ui-color-utility-red-400);--vchasno-ui-color-content-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-success-default:var(--vchasno-ui-color-utility-green-400);--vchasno-ui-color-content-warning-default:var(--vchasno-ui-color-utility-orange-500);--vchasno-ui-color-border-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-border-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-border-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-border-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:var(--vchasno-ui-color-border-accent-default);--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#1a66c8;--vchasno-ui-input-outline-color-focused:rgba(196,233,255,.4);--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#1a66c8;--vchasno-ui-checkbox-bg-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-checkbox-outline-color:rgba(196,233,255,.4);--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-select-color:#1a66c8;--vchasno-ui-calendar-default-icon-color:#6e809a;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-text-link-color:var(--vchasno-ui-color-content-accent-default);--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pagination-border-color:#1a66c8;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-focus-shadow-color:rgba(196,233,255,.4);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-slider-thumb-box-shadow-color:rgba(196,233,255,.4);--vchasno-ui-tooltip-font-size:14px;--vchasno-ui-tooltip-line-height:18px;--vchasno-ui-tooltip-padding:10px;--vchasno-ui-tooltip-bg-mui:rgba(37,45,61,.9);--vchasno-ui-tooltip-text-color:#fff;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:var(--vchasno-ui-border-radius-md);--vchasno-ui-snackbar-font-family:sans-serif;--vchasno-ui-snackbar-z-index:9999;--vchasno-ui-snackbar-text-color-light:#757575;--vchasno-ui-snackbar-text-color-dark:#fff;--vchasno-ui-snackbar-text-color-info:#fff;--vchasno-ui-snackbar-text-color-success:#fff;--vchasno-ui-snackbar-text-color-warning:#fff;--vchasno-ui-snackbar-text-color-error:#fff;--vchasno-ui-snackbar-spinner-color:#616161;--vchasno-ui-snackbar-spinner-color-empty-area:#e0e0e0;--vchasno-ui-snackbar-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--vchasno-ui-snackbar-color-progress-dark:#bb86fc;--vchasno-ui-snackbar-color-progress-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-color-progress-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-color-progress-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-color-progress-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-color-progress-bgo:0.2;--vchasno-ui-snackbar-action-button-color:#0094ff;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}[data-brand=edo]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edo-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edo-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edo-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edo-500)}[data-brand=qes]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-qes-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-qes-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-qes-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-qes-700)}[data-brand=ttn]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-ttn-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-ttn-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-ttn-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-ttn-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-ttn-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-ttn-500)}[data-brand=kadry]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kadry-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kadry-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kadry-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kadry-700)}[data-brand=zvit]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-zvit-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-zvit-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-zvit-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-zvit-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-zvit-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-zvit-600)}[data-brand=edi]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edi-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edi-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edi-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edi-600)}[data-brand=kasa]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kasa-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kasa-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kasa-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kasa-500)}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:var(--vchasno-ui-border-radius-sm);box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:14px;gap:12px;line-height:20px;min-height:40px;padding:12px 16px}.vchasno-ui-alert b,.vchasno-ui-alert strong{font-weight:700}.vchasno-ui-alert.--wide{width:100%}.vchasno-ui-alert.--left-border{border-left-width:4px}.vchasno-ui-alert__close-icon,.vchasno-ui-alert__icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:20px;width:20px}.vchasno-ui-alert.--info{background-color:var(--vchasno-ui-alert-info-bg,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius:var(--vchasno-ui-border-radius-sm);height:30px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:30px}.vchasno-ui-alert__close-icon:hover{background-color:hsla(0,0%,100%,.5);cursor:pointer}.vchasno-ui-alert.--close{display:none}.vchasno-ui-BubbleBox{--vchasno-ui-bubble-height:40px;--vchasno-ui-bubble-width:40px;--vchasno-ui-bubble-shadow:2px 4px 6px rgba(0,0,0,.2);box-sizing:border-box;min-height:calc(var(--vchasno-ui-bubble-height)*2);position:relative}.vchasno-ui-BubbleBox,.vchasno-ui-BubbleBox__svg{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);z-index:-1}.vchasno-ui-BubbleBox__svg path{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow{filter:drop-shadow(var(--vchasno-ui-bubble-shadow))}.vchasno-ui-BubbleBox__bubble{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-full);bottom:0;cursor:pointer;display:flex;height:var(--vchasno-ui-bubble-height);justify-content:center;margin:0;padding:0;position:absolute;right:0;transition:var(--vchasno-ui-transition-duration-sec);width:var(--vchasno-ui-bubble-width);z-index:1}.vchasno-ui-spinner{display:inline-block;height:20px;position:relative;width:20px}.vchasno-ui-spinner__svg{height:100%;inset:0;margin:auto;pointer-events:none;position:absolute;transform-origin:center center;width:100%}.vchasno-ui-spinner--circle .vchasno-ui-spinner__svg{animation:spinner-rotate 1.3s linear infinite}.vchasno-ui-spinner--circle .vchasno-ui-spinner__svg__circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5px;animation:spinner-rotate-dash 2s ease-in-out infinite}.vchasno-ui-spinner--logo .vchasno-ui-spinner__svg__path{stroke-dasharray:200;stroke-dashoffset:200;animation:spinner-logo-draw 2s ease-in-out infinite alternate,spinner-logo-pulse 2s linear infinite;animation-delay:0s,1s}.vchasno-ui-spinner--logo .vchasno-ui-spinner__svg{transform:scale(2)}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes spinner-logo-draw{0%{stroke-dashoffset:195}to{stroke-dashoffset:0}}@keyframes spinner-logo-pulse{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.vchasno-ui-button{align-items:center;background-color:var(--vchasno-ui-btn-default-bg);border:0;border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;min-height:40px;transition:min-height var(--vchasno-ui-transition-duration-sec,.3s),padding var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s);user-select:none}.vchasno-ui-button:disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-button:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);color:var(--vchasno-ui-btn-default-hover-color);cursor:pointer}.vchasno-ui-button.--sm{min-width:40px;padding:0 15px}.vchasno-ui-button.--md{min-width:40px;padding:0 24px}.vchasno-ui-button.--lg{min-height:50px;min-width:50px;padding:0 32px}.vchasno-ui-button.--wide{width:100%}.vchasno-ui-button.--primary{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-primary-bg);box-shadow:none;color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button:disabled.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color);border-radius:var(--vchasno-ui-border-radius-xs);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;outline:2px solid transparent;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s);width:16px}.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox__svg{color:transparent;transform:scale(0) translateZ(0);transition:color var(--vchasno-ui-transition-duration-sec),transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(.12,.4,.29,1.46)}.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg{display:none}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-bg-color);border-color:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg{color:var(--vchasno-ui-checkbox-icon-color);transform:scale(1) translateZ(0)}.vchasno-ui-checkbox.--hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox:hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox>input:not(:disabled):active+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-checkbox>input:disabled:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:disabled:not(:checked)+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-checkbox-disabled-border-color,#e2e9f3)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-label-color-default);display:inline-flex;font-size:var(--vchasno-ui-input-font-size);gap:3px;left:12px;line-height:calc(var(--vchasno-ui-input-font-size)*1.2);max-width:calc(100% - 20px);padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s),top .3s,font-size .3s;white-space:nowrap;z-index:1}.vchasno-ui-select .vchasno-ui-label-text{max-width:calc(100% - 40px)}.vchasno-ui-select__floating-label,[class^=vchasno-ui-]:focus:not(.--disabled,[aria-hidden])+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:focus:not(.--disabled,[aria-hidden])+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown,[aria-hidden])+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown,[aria-hidden])+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:0 4px 10px 0 #252d3d26;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:14px;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:var(--vchasno-ui-border-radius-sm);display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{border-radius:var(--vchasno-ui-border-radius-md);height:30px;line-height:20px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--vchasno-ui-calendar-color);color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:var(--vchasno-ui-border-radius-none)}.react-datepicker__header{padding-top:5px;position:relative;text-align:center}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--vchasno-ui-border-radius-sm)}@media (width <= 480px){.react-datepicker{padding:0}}.react-datepicker-popper{z-index:100}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker-time__header,.react-datepicker__current-month{color:var(--vchasno-ui-input-font-color);font-size:14px;font-weight:500;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{display:flex;flex-direction:column;gap:1px;margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__week{display:flex;gap:1px}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{box-sizing:border-box;color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;height:32px;line-height:30px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:32px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:var(--vchasno-ui-border-radius-md)}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);font-weight:500}.react-datepicker__day--weekend{font-weight:400}.react-datepicker__day--outside-month{color:var(--vchasno-ui-color-surface-disabled-1)}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff;font-weight:700}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container{position:relative}.react-datepicker__close-icon{background-color:transparent;border:0;bottom:0;cursor:pointer;height:20px;margin:auto;outline:none;position:absolute;right:35px;top:0;width:20px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (height <= 550px),(width <= 400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:14px}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;position:absolute;top:15px;width:30px;z-index:1}.react-datepicker__navigation:hover{background-color:#f2f6f7}.react-datepicker__navigation--previous{left:10px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{color:var(--vchasno-ui-calendar-default-icon-color);content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA0Ljk5MmMwLS4yNi4xLS41MS4yOS0uNzFsNC0zLjk5Yy4zOS0uMzkgMS4wMy0uMzkgMS40MiAwIC4zOS4zOS4zOSAxLjAzIDAgMS40MmwtMy4yOSAzLjI4IDMuMjkgMy4yOWMuMzkuMzkuMzkgMS4wMyAwIDEuNDItLjM5LjM5LTEuMDMuMzktMS40MiAwTC4zIDUuNzEyYy0uMi0uMi0uMy0uNDYtLjMtLjcyWiIgZmlsbD0iIzZlODA5YSIvPjwvc3ZnPg==")}.react-datepicker__navigation--next{color:var(--vchasno-ui-calendar-default-icon-color);right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4wMDMgNS4wMDNjMCAuMjYtLjEuNTEtLjI5LjcxbC00IDMuOTljLS4zOS4zOS0xLjAzLjM5LTEuNDIgMC0uMzktLjM5LS4zOS0xLjAzIDAtMS40MmwzLjI5LTMuMjgtMy4yOS0zLjI5Yy0uMzktLjM5LS4zOS0xLjAzIDAtMS40Mi4zOS0uMzkgMS4wMy0uMzkgMS40MiAwbDMuOTkgMy45OWMuMi4yLjMuNDYuMy43MloiIGZpbGw9IiM2ZTgwOWEiLz48L3N2Zz4=")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#bfcede);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;font-size:var(--vchasno-ui-input-font-size,.8rem);height:30px;line-height:calc(var(--vchasno-ui-input-font-size, .8rem)*2);outline:1px solid transparent;padding:10px 15px;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline-color var(--vchasno-ui-transition-duration-sec,.3s);vertical-align:middle;width:100%}.react-datepicker__input-container input:disabled{background:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container input:hover{cursor:default}.react-datepicker__input-container input:focus{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker{display:inline-flex;flex-direction:column;gap:5px}.vchasno-ui-date-picker.--wide{width:100%}.vchasno-ui-date-picker .vchasno-ui-date-picker__picker{height:50px}.vchasno-ui-date-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}@supports not selector(.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon)){.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}}.vchasno-ui-date-picker:not(.--disabled) .vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker.--with-mask .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-font-size-xs);top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);overflow:hidden;padding:var(--vchasno-ui-spacing-16);padding-right:24px;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker,.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker,.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker,.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-select{display:inline-flex;flex-direction:column;gap:5px;position:relative}.vchasno-ui-select .vchasno-ui-label-text{top:0;transform:translateY(16px);transition:font-size .3s,transform .3s}.vchasno-ui-select:focus-within .vchasno-ui-label-text,.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text{font-size:12px;transform:translateY(-8px)}@supports not selector(.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value)){.vchasno-ui-select .vchasno-ui-label-text{font-size:12px;transform:translateY(-42px)}}.vchasno-ui-select.--wide{width:100%}.vchasno-ui-select .vchasno-ui-select__control{border-color:var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;min-height:50px;min-width:200px;outline:3px solid transparent;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:none;margin-bottom:6px;margin-top:4px;transition:border var(--vchasno-ui-transition-duration-sec,.3s);z-index:100}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open{border-color:red;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select.--error .vchasno-ui-select__control,.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select .vchasno-ui-select__input-container{color:var(--vchasno-ui-input-font-color)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color);transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open+.vchasno-ui-select__menu,.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused{border-color:var(--vchasno-ui-input-border-color-focused);box-shadow:none;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);font-weight:400}.vchasno-ui-select:not(:focus-within,:not(:has(.vchasno-ui-label-text))) .vchasno-ui-select__placeholder{visibility:hidden}.vchasno-ui-select .vchasno-ui-select__clear-indicator{border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-input-font-color);padding:0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover{color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__option--is-focused,.vchasno-ui-select .vchasno-ui-select__option--is-selected,.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius:var(--vchasno-ui-border-radius-md);outline:1px solid var(--vchasno-ui-select-menu-border-color,transparent)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove{background-color:transparent;color:var(--vchasno-ui-label-color-default);padding:0 3px 0 0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover{background-color:transparent;color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg{height:20px;width:20px}.vchasno-ui-select .vchasno-ui-select__indicators{padding-right:5px}.vchasno-ui-select .vchasno-ui-select__value-container{padding:5px 14px}.vchasno-ui-select .vchasno-ui-select__multi-value__label{font-size:14px;padding:6px 0 6px 6px}.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove{font-size:14px;padding:6px}.vchasno-ui-date-range-picker{display:inline-flex;flex-direction:column;gap:5px;max-width:260px;width:100%}.vchasno-ui-date-range-picker .vchasno-ui-date-range-picker__picker{height:50px}.vchasno-ui-date-range-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-range-picker__wrapper>.vchasno-ui-date-range-picker__custom-calendar-icon{background-color:var(--vchasno-ui-btn-light-bg);color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-range-picker.--loading .vchasno-ui-date-range-picker__wrapper>.vchasno-ui-spinner{height:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-range-picker.--loading .vchasno-ui-date-range-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-range-picker__clear-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__custom-close-icon{background-color:var(--vchasno-ui-btn-light-bg);color:var(--vchasno-ui-input-border-color-default);cursor:pointer;height:20px;position:absolute;right:35px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__custom-close-icon:hover{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-label-text,.vchasno-ui-date-range-picker__preset-select:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-input-font-size);top:50%;transform:translateY(-50%)}.vchasno-ui-date-range-picker.--filled .vchasno-ui-label-text,.vchasno-ui-date-range-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-range-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-font-size-xs);top:0}.vchasno-ui-date-range-picker.--disabled,.vchasno-ui-date-range-picker.--disabled .vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-range-picker:not(.--disabled) .react-datepicker__input-container input,.vchasno-ui-date-range-picker:not(.--disabled) .react-datepicker__input-container input:hover{cursor:text}.vchasno-ui-date-range-picker:not(.--disabled):hover{cursor:pointer}.vchasno-ui-date-range-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-range-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-range-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-range-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-range-picker.--preset-label .vchasno-ui-date-range-picker__wrapper .react-datepicker__input-container input{caret-color:transparent;color:transparent}.vchasno-ui-date-range-picker__preset-label{align-items:center;color:var(--vchasno-ui-input-font-color);display:flex;font-size:var(--vchasno-ui-input-font-size);inset:0;line-height:normal;overflow:hidden;padding:0 45px 0 16px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-date-range-picker-popper .react-datepicker{display:grid;grid:". ." "buttons buttons";grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:0}.vchasno-ui-date-range-picker .react-datepicker__children-container{align-items:start;border-top:1px solid var(--vchasno-ui-input-border-color-default);display:flex;gap:16px;grid-area:buttons;padding:20px 12px}.vchasno-ui-date-range-picker .react-datepicker__week{gap:1px 0}.vchasno-ui-date-range-picker.--wide{width:100%}.vchasno-ui-date-range-picker-popper .react-datepicker__month-container{float:none;padding:8px}.vchasno-ui-date-range-picker__presets{width:100%}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-select__control{height:40px;min-height:auto}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-select__value-container{padding:0 14px}.vchasno-ui-date-range-picker__actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.vchasno-ui-date-range-picker__cancel-btn{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-secondary-color);cursor:pointer;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-range-picker__cancel-btn:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-range-picker__save-btn{background-color:var(
+.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-border-radius-none:0;--vchasno-ui-border-radius-xs:2px;--vchasno-ui-border-radius-sm:4px;--vchasno-ui-border-radius-md:8px;--vchasno-ui-border-radius-lg:12px;--vchasno-ui-border-radius-xl:16px;--vchasno-ui-border-radius-full:9999px;--vchasno-ui-font-size-2xs:10px;--vchasno-ui-font-size-xs:12px;--vchasno-ui-font-size-sm:14px;--vchasno-ui-font-size-md:16px;--vchasno-ui-font-size-lg:20px;--vchasno-ui-font-size-xl:24px;--vchasno-ui-font-size-2xl:32px;--vchasno-ui-font-weight-thin:100;--vchasno-ui-font-weight-extralight:200;--vchasno-ui-font-weight-light:300;--vchasno-ui-font-weight-regular:400;--vchasno-ui-font-weight-medium:500;--vchasno-ui-font-weight-semibold:600;--vchasno-ui-font-weight-bold:700;--vchasno-ui-font-weight-extrabold:800;--vchasno-ui-font-weight-black:900;--vchasno-ui-spacing-0:0px;--vchasno-ui-spacing-2:2px;--vchasno-ui-spacing-4:4px;--vchasno-ui-spacing-6:6px;--vchasno-ui-spacing-8:8px;--vchasno-ui-spacing-10:10px;--vchasno-ui-spacing-12:12px;--vchasno-ui-spacing-16:16px;--vchasno-ui-spacing-20:20px;--vchasno-ui-spacing-24:24px;--vchasno-ui-spacing-32:32px;--vchasno-ui-spacing-40:40px;--vchasno-ui-spacing-48:48px;--vchasno-ui-spacing-52:52px;--vchasno-ui-spacing-120:120px;--vchasno-ui-color-brand-ttn-25:#f2f3fa;--vchasno-ui-color-brand-ttn-50:#d9d6f6;--vchasno-ui-color-brand-ttn-100:#c6c0f2;--vchasno-ui-color-brand-ttn-200:#b4abef;--vchasno-ui-color-brand-ttn-300:#9f93eb;--vchasno-ui-color-brand-ttn-400:#8e7fe8;--vchasno-ui-color-brand-ttn-500:#7b69e4;--vchasno-ui-color-brand-ttn-600:#604adf;--vchasno-ui-color-brand-ttn-700:#5443bc;--vchasno-ui-color-brand-edo-25:#fffbf5;--vchasno-ui-color-brand-edo-50:#fff3e0;--vchasno-ui-color-brand-edo-100:#ffe8c2;--vchasno-ui-color-brand-edo-400:#ffb200;--vchasno-ui-color-brand-edo-500:#ff9c01;--vchasno-ui-color-brand-edo-600:#f58700;--vchasno-ui-color-brand-qes-25:#fff5f5;--vchasno-ui-color-brand-qes-50:#ffe9ea;--vchasno-ui-color-brand-qes-100:#ffd8d9;--vchasno-ui-color-brand-qes-200:#ffc0c2;--vchasno-ui-color-brand-qes-300:#ffaeb0;--vchasno-ui-color-brand-qes-400:#ff9a9d;--vchasno-ui-color-brand-qes-500:#ff878b;--vchasno-ui-color-brand-qes-600:#ff7c80;--vchasno-ui-color-brand-qes-700:#ff5a5f;--vchasno-ui-color-brand-qes-800:#e75459;--vchasno-ui-color-brand-kadry-25:#f8fcfb;--vchasno-ui-color-brand-kadry-50:#e4f3f1;--vchasno-ui-color-brand-kadry-100:#c7eae5;--vchasno-ui-color-brand-kadry-200:#b1e3dc;--vchasno-ui-color-brand-kadry-300:#9bdcd3;--vchasno-ui-color-brand-kadry-400:#86d5ca;--vchasno-ui-color-brand-kadry-500:#70cec1;--vchasno-ui-color-brand-kadry-600:#5bc7b8;--vchasno-ui-color-brand-kadry-700:#12747d;--vchasno-ui-color-brand-kadry-800:#07626a;--vchasno-ui-color-brand-zvit-25:#fff8f5;--vchasno-ui-color-brand-zvit-50:#ffe8db;--vchasno-ui-color-brand-zvit-100:#ffd7c2;--vchasno-ui-color-brand-zvit-200:#ffc7a8;--vchasno-ui-color-brand-zvit-300:#ffb68f;--vchasno-ui-color-brand-zvit-400:#ffa675;--vchasno-ui-color-brand-zvit-500:#ff955c;--vchasno-ui-color-brand-zvit-600:#ff8542;--vchasno-ui-color-brand-zvit-700:#ff752a;--vchasno-ui-color-brand-zvit-800:#f55d0b;--vchasno-ui-color-brand-edi-25:#f5f9ff;--vchasno-ui-color-brand-edi-50:#e0eeff;--vchasno-ui-color-brand-edi-100:#b8dafc;--vchasno-ui-color-brand-edi-200:#9cccfa;--vchasno-ui-color-brand-edi-300:#80bdf8;--vchasno-ui-color-brand-edi-400:#63aef6;--vchasno-ui-color-brand-edi-500:#469ff4;--vchasno-ui-color-brand-edi-600:#007cef;--vchasno-ui-color-brand-edi-700:#1a66c8;--vchasno-ui-color-brand-kasa-25:#fff5fb;--vchasno-ui-color-brand-kasa-50:#ffeff8;--vchasno-ui-color-brand-kasa-100:#ffd3eb;--vchasno-ui-color-brand-kasa-200:#ffc0e3;--vchasno-ui-color-brand-kasa-300:#ffb5de;--vchasno-ui-color-brand-kasa-400:#f39ecd;--vchasno-ui-color-brand-kasa-500:#e582b8;--vchasno-ui-color-brand-kasa-600:#ce6fa3;--vchasno-ui-color-utility-blue-25:#f5f9ff;--vchasno-ui-color-utility-blue-50:#ecf4ff;--vchasno-ui-color-utility-blue-100:#dbe9fa;--vchasno-ui-color-utility-blue-200:#4e9aff;--vchasno-ui-color-utility-blue-500:#1a66c8;--vchasno-ui-color-utility-blue-600:#14509e;--vchasno-ui-color-utility-blue-700:#124587;--vchasno-ui-color-utility-green-50:#f5fdec;--vchasno-ui-color-utility-green-100:#d3efc8;--vchasno-ui-color-utility-green-200:#abdf96;--vchasno-ui-color-utility-green-300:#1cb800;--vchasno-ui-color-utility-green-400:#138000;--vchasno-ui-color-utility-red-50:#fee;--vchasno-ui-color-utility-red-100:#ffd8d6;--vchasno-ui-color-utility-red-200:#fb7a7a;--vchasno-ui-color-utility-red-300:#f54f4f;--vchasno-ui-color-utility-red-400:#c1261a;--vchasno-ui-color-utility-orange-50:#fff2d6;--vchasno-ui-color-utility-orange-100:#ffebcc;--vchasno-ui-color-utility-orange-400:#ffb200;--vchasno-ui-color-utility-orange-500:#f58700;--vchasno-ui-color-gray-0:#fff;--vchasno-ui-color-gray-25:#f3f8fb;--vchasno-ui-color-gray-50:#e2e9f3;--vchasno-ui-color-gray-100:#bfcede;--vchasno-ui-color-gray-200:#9aaabf;--vchasno-ui-color-gray-300:#8194ac;--vchasno-ui-color-gray-400:#6e809a;--vchasno-ui-color-gray-500:#3b4250;--vchasno-ui-color-gray-600:#252d3d;--vchasno-ui-color-gray-700:#1d1d1f;--vchasno-ui-color-surface-disabled-subtle:var(--vchasno-ui-color-gray-25);--vchasno-ui-color-surface-disabled-default:var(--vchasno-ui-color-gray-50);--vchasno-ui-color-surface-disabled-strong:var(--vchasno-ui-color-gray-100);--vchasno-ui-color-surface-disabled-1:var(--vchasno-ui-color-gray-200);--vchasno-ui-color-surface-success-muted:var(--vchasno-ui-color-utility-green-50);--vchasno-ui-color-surface-success-subtle:var(--vchasno-ui-color-utility-green-100);--vchasno-ui-color-surface-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-surface-error-muted:var(--vchasno-ui-color-utility-red-50);--vchasno-ui-color-surface-error-subtle:var(--vchasno-ui-color-utility-red-100);--vchasno-ui-color-surface-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-surface-info-muted:var(--vchasno-ui-color-utility-blue-50);--vchasno-ui-color-surface-info-subtle:var(--vchasno-ui-color-utility-blue-100);--vchasno-ui-color-surface-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-surface-warning-muted:var(--vchasno-ui-color-utility-orange-50);--vchasno-ui-color-surface-warning-subtle:var(--vchasno-ui-color-utility-orange-100);--vchasno-ui-color-surface-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-color-surface-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-disabled-default:var(--vchasno-ui-color-gray-200);--vchasno-ui-color-content-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-error-default:var(--vchasno-ui-color-utility-red-400);--vchasno-ui-color-content-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-success-default:var(--vchasno-ui-color-utility-green-400);--vchasno-ui-color-content-warning-default:var(--vchasno-ui-color-utility-orange-500);--vchasno-ui-color-border-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-border-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-border-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-border-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:var(--vchasno-ui-color-border-accent-default);--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#1a66c8;--vchasno-ui-input-outline-color-focused:rgba(196,233,255,.4);--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#1a66c8;--vchasno-ui-checkbox-bg-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-checkbox-outline-color:rgba(196,233,255,.4);--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-select-color:#1a66c8;--vchasno-ui-calendar-default-icon-color:#6e809a;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-text-link-color:var(--vchasno-ui-color-content-accent-default);--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pagination-border-color:#1a66c8;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-focus-shadow-color:rgba(196,233,255,.4);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-slider-thumb-box-shadow-color:rgba(196,233,255,.4);--vchasno-ui-tooltip-font-size:14px;--vchasno-ui-tooltip-line-height:18px;--vchasno-ui-tooltip-padding:10px;--vchasno-ui-tooltip-bg-mui:rgba(37,45,61,.9);--vchasno-ui-tooltip-text-color:#fff;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:var(--vchasno-ui-border-radius-md);--vchasno-ui-snackbar-font-family:sans-serif;--vchasno-ui-snackbar-z-index:9999;--vchasno-ui-snackbar-text-color-light:#757575;--vchasno-ui-snackbar-text-color-dark:#fff;--vchasno-ui-snackbar-text-color-info:#fff;--vchasno-ui-snackbar-text-color-success:#fff;--vchasno-ui-snackbar-text-color-warning:#fff;--vchasno-ui-snackbar-text-color-error:#fff;--vchasno-ui-snackbar-spinner-color:#616161;--vchasno-ui-snackbar-spinner-color-empty-area:#e0e0e0;--vchasno-ui-snackbar-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--vchasno-ui-snackbar-color-progress-dark:#bb86fc;--vchasno-ui-snackbar-color-progress-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-color-progress-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-color-progress-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-color-progress-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-color-progress-bgo:0.2;--vchasno-ui-snackbar-action-button-color:#0094ff;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}[data-brand=edo]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edo-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edo-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edo-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edo-500)}[data-brand=qes]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-qes-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-qes-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-qes-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-qes-700)}[data-brand=ttn]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-ttn-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-ttn-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-ttn-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-ttn-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-ttn-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-ttn-500)}[data-brand=kadry]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kadry-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kadry-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kadry-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kadry-700)}[data-brand=zvit]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-zvit-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-zvit-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-zvit-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-zvit-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-zvit-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-zvit-600)}[data-brand=edi]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edi-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edi-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edi-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edi-600)}[data-brand=kasa]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kasa-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kasa-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kasa-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kasa-500)}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:var(--vchasno-ui-border-radius-sm);box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:14px;gap:12px;line-height:20px;min-height:40px;padding:12px 16px}.vchasno-ui-alert b,.vchasno-ui-alert strong{font-weight:700}.vchasno-ui-alert.--wide{width:100%}.vchasno-ui-alert.--left-border{border-left-width:4px}.vchasno-ui-alert__close-icon,.vchasno-ui-alert__icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:20px;width:20px}.vchasno-ui-alert.--info{background-color:var(--vchasno-ui-alert-info-bg,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius:var(--vchasno-ui-border-radius-sm);height:30px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:30px}.vchasno-ui-alert__close-icon:hover{background-color:hsla(0,0%,100%,.5);cursor:pointer}.vchasno-ui-alert.--close{display:none}.vchasno-ui-BubbleBox{--vchasno-ui-bubble-height:40px;--vchasno-ui-bubble-width:40px;--vchasno-ui-bubble-shadow:2px 4px 6px rgba(0,0,0,.2);box-sizing:border-box;min-height:calc(var(--vchasno-ui-bubble-height)*2);position:relative}.vchasno-ui-BubbleBox,.vchasno-ui-BubbleBox__svg{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);z-index:-1}.vchasno-ui-BubbleBox__svg path{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow{filter:drop-shadow(var(--vchasno-ui-bubble-shadow))}.vchasno-ui-BubbleBox__bubble{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-full);bottom:0;cursor:pointer;display:flex;height:var(--vchasno-ui-bubble-height);justify-content:center;margin:0;padding:0;position:absolute;right:0;transition:var(--vchasno-ui-transition-duration-sec);width:var(--vchasno-ui-bubble-width);z-index:1}.vchasno-ui-spinner{display:inline-block;height:20px;position:relative;width:20px}.vchasno-ui-spinner__svg{height:100%;inset:0;margin:auto;pointer-events:none;position:absolute;transform-origin:center center;width:100%}.vchasno-ui-spinner--circle .vchasno-ui-spinner__svg{animation:spinner-rotate 1.3s linear infinite}.vchasno-ui-spinner--circle .vchasno-ui-spinner__svg__circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5px;animation:spinner-rotate-dash 2s ease-in-out infinite}.vchasno-ui-spinner--logo .vchasno-ui-spinner__svg__path{stroke-dasharray:200;stroke-dashoffset:200;animation:spinner-logo-draw 2s ease-in-out infinite alternate}.vchasno-ui-spinner--logo .vchasno-ui-spinner__svg{transform:scale(2.3)}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes spinner-logo-draw{0%{stroke-dashoffset:195}to{stroke-dashoffset:0}}.vchasno-ui-button{align-items:center;background-color:var(--vchasno-ui-btn-default-bg);border:0;border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;min-height:40px;transition:min-height var(--vchasno-ui-transition-duration-sec,.3s),padding var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s);user-select:none}.vchasno-ui-button:disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-button:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);color:var(--vchasno-ui-btn-default-hover-color);cursor:pointer}.vchasno-ui-button.--sm{min-width:40px;padding:0 15px}.vchasno-ui-button.--md{min-width:40px;padding:0 24px}.vchasno-ui-button.--lg{min-height:50px;min-width:50px;padding:0 32px}.vchasno-ui-button.--wide{width:100%}.vchasno-ui-button.--primary{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-primary-bg);box-shadow:none;color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button:disabled.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color);border-radius:var(--vchasno-ui-border-radius-xs);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;outline:2px solid transparent;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s);width:16px}.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox__svg{color:transparent;transform:scale(0) translateZ(0);transition:color var(--vchasno-ui-transition-duration-sec),transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(.12,.4,.29,1.46)}.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg{display:none}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-bg-color);border-color:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg{color:var(--vchasno-ui-checkbox-icon-color);transform:scale(1) translateZ(0)}.vchasno-ui-checkbox.--hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox:hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox>input:not(:disabled):active+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-checkbox>input:disabled:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:disabled:not(:checked)+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-checkbox-disabled-border-color,#e2e9f3)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-label-color-default);display:inline-flex;font-size:var(--vchasno-ui-input-font-size);gap:3px;left:12px;line-height:calc(var(--vchasno-ui-input-font-size)*1.2);max-width:calc(100% - 20px);padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s),top .3s,font-size .3s;white-space:nowrap;z-index:1}.vchasno-ui-select .vchasno-ui-label-text{max-width:calc(100% - 40px)}.vchasno-ui-select__floating-label,[class^=vchasno-ui-]:focus:not(.--disabled,[aria-hidden])+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:focus:not(.--disabled,[aria-hidden])+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown,[aria-hidden])+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown,[aria-hidden])+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:0 4px 10px 0 #252d3d26;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:14px;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:var(--vchasno-ui-border-radius-sm);display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{border-radius:var(--vchasno-ui-border-radius-md);height:30px;line-height:20px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--vchasno-ui-calendar-color);color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:var(--vchasno-ui-border-radius-none)}.react-datepicker__header{padding-top:5px;position:relative;text-align:center}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--vchasno-ui-border-radius-sm)}@media (width <= 480px){.react-datepicker{padding:0}}.react-datepicker-popper{z-index:100}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker-time__header,.react-datepicker__current-month{color:var(--vchasno-ui-input-font-color);font-size:14px;font-weight:500;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{display:flex;flex-direction:column;gap:1px;margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__week{display:flex;gap:1px}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{box-sizing:border-box;color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;height:32px;line-height:30px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:32px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:var(--vchasno-ui-border-radius-md)}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);font-weight:500}.react-datepicker__day--weekend{font-weight:400}.react-datepicker__day--outside-month{color:var(--vchasno-ui-color-surface-disabled-1)}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff;font-weight:700}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container{position:relative}.react-datepicker__close-icon{background-color:transparent;border:0;bottom:0;cursor:pointer;height:20px;margin:auto;outline:none;position:absolute;right:35px;top:0;width:20px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (height <= 550px),(width <= 400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:14px}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;position:absolute;top:15px;width:30px;z-index:1}.react-datepicker__navigation:hover{background-color:#f2f6f7}.react-datepicker__navigation--previous{left:10px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{color:var(--vchasno-ui-calendar-default-icon-color);content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA0Ljk5MmMwLS4yNi4xLS41MS4yOS0uNzFsNC0zLjk5Yy4zOS0uMzkgMS4wMy0uMzkgMS40MiAwIC4zOS4zOS4zOSAxLjAzIDAgMS40MmwtMy4yOSAzLjI4IDMuMjkgMy4yOWMuMzkuMzkuMzkgMS4wMyAwIDEuNDItLjM5LjM5LTEuMDMuMzktMS40MiAwTC4zIDUuNzEyYy0uMi0uMi0uMy0uNDYtLjMtLjcyWiIgZmlsbD0iIzZlODA5YSIvPjwvc3ZnPg==")}.react-datepicker__navigation--next{color:var(--vchasno-ui-calendar-default-icon-color);right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4wMDMgNS4wMDNjMCAuMjYtLjEuNTEtLjI5LjcxbC00IDMuOTljLS4zOS4zOS0xLjAzLjM5LTEuNDIgMC0uMzktLjM5LS4zOS0xLjAzIDAtMS40MmwzLjI5LTMuMjgtMy4yOS0zLjI5Yy0uMzktLjM5LS4zOS0xLjAzIDAtMS40Mi4zOS0uMzkgMS4wMy0uMzkgMS40MiAwbDMuOTkgMy45OWMuMi4yLjMuNDYuMy43MloiIGZpbGw9IiM2ZTgwOWEiLz48L3N2Zz4=")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#bfcede);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;font-size:var(--vchasno-ui-input-font-size,.8rem);height:30px;line-height:calc(var(--vchasno-ui-input-font-size, .8rem)*2);outline:1px solid transparent;padding:10px 15px;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline-color var(--vchasno-ui-transition-duration-sec,.3s);vertical-align:middle;width:100%}.react-datepicker__input-container input:disabled{background:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container input:hover{cursor:default}.react-datepicker__input-container input:focus{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker{display:inline-flex;flex-direction:column;gap:5px}.vchasno-ui-date-picker.--wide{width:100%}.vchasno-ui-date-picker .vchasno-ui-date-picker__picker{height:50px}.vchasno-ui-date-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}@supports not selector(.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon)){.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}}.vchasno-ui-date-picker:not(.--disabled) .vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker.--with-mask .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-font-size-xs);top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);overflow:hidden;padding:var(--vchasno-ui-spacing-16);padding-right:24px;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker,.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker,.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker,.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button,.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-datepicker-popper--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-datepicker-popper--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-datepicker-popper--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-datepicker-popper--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-select{display:inline-flex;flex-direction:column;gap:5px;position:relative}.vchasno-ui-select .vchasno-ui-label-text{top:0;transform:translateY(16px);transition:font-size .3s,transform .3s}.vchasno-ui-select:focus-within .vchasno-ui-label-text,.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text{font-size:12px;transform:translateY(-8px)}@supports not selector(.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value)){.vchasno-ui-select .vchasno-ui-label-text{font-size:12px;transform:translateY(-42px)}}.vchasno-ui-select.--wide{width:100%}.vchasno-ui-select .vchasno-ui-select__control{border-color:var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;min-height:50px;min-width:200px;outline:3px solid transparent;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:none;margin-bottom:6px;margin-top:4px;transition:border var(--vchasno-ui-transition-duration-sec,.3s);z-index:100}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open{border-color:red;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select.--error .vchasno-ui-select__control,.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select .vchasno-ui-select__input-container{color:var(--vchasno-ui-input-font-color)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color);transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open+.vchasno-ui-select__menu,.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused{border-color:var(--vchasno-ui-input-border-color-focused);box-shadow:none;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);font-weight:400}.vchasno-ui-select:not(:focus-within,:not(:has(.vchasno-ui-label-text))) .vchasno-ui-select__placeholder{visibility:hidden}.vchasno-ui-select .vchasno-ui-select__clear-indicator{border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-input-font-color);padding:0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover{color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__option--is-focused,.vchasno-ui-select .vchasno-ui-select__option--is-selected,.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius:var(--vchasno-ui-border-radius-md);outline:1px solid var(--vchasno-ui-select-menu-border-color,transparent)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove{background-color:transparent;color:var(--vchasno-ui-label-color-default);padding:0 3px 0 0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover{background-color:transparent;color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg{height:20px;width:20px}.vchasno-ui-select .vchasno-ui-select__indicators{padding-right:5px}.vchasno-ui-select .vchasno-ui-select__value-container{padding:5px 14px}.vchasno-ui-select .vchasno-ui-select__multi-value__label{font-size:14px;padding:6px 0 6px 6px}.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove{font-size:14px;padding:6px}.vchasno-ui-date-range-picker{display:inline-flex;flex-direction:column;gap:5px;max-width:260px;width:100%}.vchasno-ui-date-range-picker .vchasno-ui-date-range-picker__picker{height:50px}.vchasno-ui-date-range-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-range-picker__wrapper>.vchasno-ui-date-range-picker__custom-calendar-icon{background-color:var(--vchasno-ui-btn-light-bg);color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-range-picker.--loading .vchasno-ui-date-range-picker__wrapper>.vchasno-ui-spinner{height:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-range-picker.--loading .vchasno-ui-date-range-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-range-picker__clear-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__custom-close-icon{background-color:var(--vchasno-ui-btn-light-bg);color:var(--vchasno-ui-input-border-color-default);cursor:pointer;height:20px;position:absolute;right:35px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__custom-close-icon:hover{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-label-text,.vchasno-ui-date-range-picker__preset-select:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-input-font-size);top:50%;transform:translateY(-50%)}.vchasno-ui-date-range-picker.--filled .vchasno-ui-label-text,.vchasno-ui-date-range-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-range-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:var(--vchasno-ui-font-size-xs);top:0}.vchasno-ui-date-range-picker.--disabled,.vchasno-ui-date-range-picker.--disabled .vchasno-ui-date-range-picker__wrapper .vchasno-ui-date-range-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-range-picker:not(.--disabled) .react-datepicker__input-container input,.vchasno-ui-date-range-picker:not(.--disabled) .react-datepicker__input-container input:hover{cursor:text}.vchasno-ui-date-range-picker:not(.--disabled):hover{cursor:pointer}.vchasno-ui-date-range-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-border-color-focused);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-range-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-range-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-range-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-range-picker.--preset-label .vchasno-ui-date-range-picker__wrapper .react-datepicker__input-container input{caret-color:transparent;color:transparent}.vchasno-ui-date-range-picker__preset-label{align-items:center;color:var(--vchasno-ui-input-font-color);display:flex;font-size:var(--vchasno-ui-input-font-size);inset:0;line-height:normal;overflow:hidden;padding:0 45px 0 16px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-date-range-picker-popper .react-datepicker{display:grid;grid:". ." "buttons buttons";grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:0}.vchasno-ui-date-range-picker .react-datepicker__children-container{align-items:start;border-top:1px solid var(--vchasno-ui-input-border-color-default);display:flex;gap:16px;grid-area:buttons;padding:20px 12px}.vchasno-ui-date-range-picker .react-datepicker__week{gap:1px 0}.vchasno-ui-date-range-picker.--wide{width:100%}.vchasno-ui-date-range-picker-popper .react-datepicker__month-container{float:none;padding:8px}.vchasno-ui-date-range-picker__presets{width:100%}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-select__control{height:40px;min-height:auto}.vchasno-ui-date-range-picker__preset-select .vchasno-ui-select__value-container{padding:0 14px}.vchasno-ui-date-range-picker__actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.vchasno-ui-date-range-picker__cancel-btn{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-secondary-color);cursor:pointer;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-range-picker__cancel-btn:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-range-picker__save-btn{background-color:var(
         --vchasno-ui-color-surface-brand-default,var(--vchasno-ui-btn-primary-bg)
     );border:1px solid transparent;border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-primary-color);cursor:pointer;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-range-picker__save-btn:hover{background-color:var(
         --vchasno-ui-color-surface-brand-default-hover,var(--vchasno-ui-btn-primary-hover-bg)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.4.106",
+    "version": "0.4.108",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",