@homecode/ui 5.1.9 → 5.1.11

package/dist/esm/src/components/Button/Button.helpers.js

@@ -1,2 +1,12 @@
-function focusOnClick(e){var o=navigator.userAgent.toLowerCase(),f=-1<o.indexOf("safari")&&-1===o.indexOf("chrome"),o=/firefox/.test(o);(f||o)&&e?.focus()}export{focusOnClick};
-//# sourceMappingURL=Button.helpers.js.map
+// Safari and Firefox not fire focus on click
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus
+function focusOnClick(buttonElem) {
+    const ua = navigator.userAgent.toLowerCase();
+    const isSafari = ua.indexOf('safari') > -1 && ua.indexOf('chrome') === -1;
+    const isFirefox = /firefox/.test(ua);
+    if (isSafari || isFirefox) {
+        buttonElem?.focus();
+    }
+}
+
+export { focusOnClick };

package/dist/esm/src/components/Button/Button.js

@@ -1,2 +1,38 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{useState,useCallback,useEffect}from"react";import cn from"classnames";import{Spinner}from"../Spinner/Spinner.js";import S from"./Button.styl.js";import{focusOnClick}from"./Button.helpers.js";function Button(e){const{className:s,loading:n,checked:t,square:r,round:o,onMouseUp:a,children:i,type:c="button",variant:l="default",size:u="m",prefixElem:m,postfixElem:p,onRef:f,...d}=e,x=e["disabled"];e=cn(S.root,S["size-"+u],S["variant-"+l],n&&S.loading,t&&S.checked,r&&S.square,o&&S.round,s);const[j,b]=useState(null);var h=useCallback(e=>{f&&f(e),b(e)},[]);return d.onMouseUp=useCallback(e=>{a&&a(e),focusOnClick(j)},[a,j]),x&&(d.tabIndex=-1),useEffect(()=>{var e=document.activeElement;x&&e&&j&&j===e&&e?.blur()},[x]),jsxs("button",{className:e,...d,type:c,ref:h,children:[m&&jsx("div",{className:S.prefix,children:m}),"string"==typeof i?jsx("span",{children:i}):i,p&&jsx("div",{className:S.postfix,children:p}),n&&jsx(Spinner,{className:cn(S.spinner,S.postfix),size:u})]})}export{Button};
-//# sourceMappingURL=Button.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import { Spinner } from '../Spinner/Spinner.js';
+import S from './Button.styl.js';
+import { focusOnClick } from './Button.helpers.js';
+
+function Button(props) {
+    const { className, loading, checked, square, round, onMouseUp, children, type = 'button', variant = 'default', size = 'm', prefixElem, postfixElem, onRef, ...rest } = props;
+    const { disabled } = props;
+    const classes = cn(S.root, S[`size-${size}`], S[`variant-${variant}`], loading && S.loading, checked && S.checked, square && S.square, round && S.round, className);
+    const [buttonElem, setButtonElem] = useState(null);
+    const onRefHandler = useCallback(elem => {
+        if (onRef)
+            onRef(elem);
+        setButtonElem(elem);
+    }, []);
+    // @ts-ignore
+    rest.onMouseUp = useCallback(e => {
+        if (onMouseUp)
+            onMouseUp(e);
+        focusOnClick(buttonElem);
+    }, [onMouseUp, buttonElem]);
+    if (disabled)
+        rest.tabIndex = -1;
+    useEffect(() => {
+        const activeElement = document.activeElement;
+        if (!disabled || !activeElement)
+            return;
+        if (buttonElem && buttonElem === activeElement)
+            activeElement?.blur(); // eslint-disable-line
+    }, [disabled]);
+    return (
+    // @ts-ignore
+    jsxs("button", { className: classes, ...rest, type: type, ref: onRefHandler, children: [prefixElem && jsx("div", { className: S.prefix, children: prefixElem }), typeof children === 'string' ? jsx("span", { children: children }) : children, postfixElem && jsx("div", { className: S.postfix, children: postfixElem }), loading && jsx(Spinner, { className: cn(S.spinner, S.postfix), size: size })] }));
+}
+
+export { Button };

package/dist/esm/src/components/Button/Button.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:focus,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color)!important;box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:focus{box-shadow:0 0 0 2px var(--active-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-xs__1leem{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 8px}.Button_size-xs__1leem.Button_square__eYSY3{max-height:24px;width:24px}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 12px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:32px;width:32px}.Button_size-m__TBXc-{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 16px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 20px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:48px}.Button_size-xl__3LtL-{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 24px}.Button_size-xl__3LtL-.Button_square__eYSY3{max-height:56px;width:56px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-xs__1leem{border-radius:12px}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:16px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:24px}.Button_round__Bxofy.Button_size-xl__3LtL-{border-radius:28px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-text__oCx0X[disabled]{background-color:transparent!important}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{--active-button-color:#000;background-color:var(--active-color);color:#000;color:var(--active-button-color)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--p-3)}",S={root:"Button_root__SZns2",loading:"Button_loading__c4pdo",checked:"Button_checked__X7f58",prefix:"Button_prefix__czqd5",postfix:"Button_postfix__DwG-n","size-xs":"Button_size-xs__1leem",square:"Button_square__eYSY3","size-s":"Button_size-s__-SIY1","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","size-xl":"Button_size-xl__3LtL-",round:"Button_round__Bxofy","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","variant-text":"Button_variant-text__oCx0X",spinner:"Button_spinner__ttaMr"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Button.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:focus,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color)!important;box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:focus{box-shadow:0 0 0 2px var(--active-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-xs__1leem{border-radius:4px;font-size:14px;min-height:24px;min-width:24px;padding:0 8px}.Button_size-xs__1leem.Button_square__eYSY3{max-height:24px;width:24px}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:32px;min-width:32px;padding:0 12px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:32px;width:32px}.Button_size-m__TBXc-{border-radius:6px;font-size:18px;min-height:40px;min-width:40px;padding:0 16px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:22px;min-height:48px;min-width:48px;padding:0 20px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:48px}.Button_size-xl__3LtL-{border-radius:10px;font-size:26px;min-height:56px;min-width:56px;padding:0 24px}.Button_size-xl__3LtL-.Button_square__eYSY3{max-height:56px;width:56px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-xs__1leem{border-radius:12px}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:16px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:24px}.Button_round__Bxofy.Button_size-xl__3LtL-{border-radius:28px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-text__oCx0X[disabled]{background-color:transparent!important}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{--active-button-color:#000;background-color:var(--active-color);color:#000;color:var(--active-button-color)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--p-3)}";
+var S = {"root":"Button_root__SZns2","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-xs":"Button_size-xs__1leem","square":"Button_square__eYSY3","size-s":"Button_size-s__-SIY1","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","size-xl":"Button_size-xl__3LtL-","round":"Button_round__Bxofy","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","variant-text":"Button_variant-text__oCx0X","spinner":"Button_spinner__ttaMr"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/ButtonGroup/ButtonGroup.js

@@ -1,2 +1,10 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./ButtonGroup.styl.js";function ButtonGroup(o){const{children:r,className:t,...n}=o;return jsx("div",{className:cn(S.root,t),...n,children:r})}export{ButtonGroup};
-//# sourceMappingURL=ButtonGroup.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './ButtonGroup.styl.js';
+
+function ButtonGroup(props) {
+    const { children, className, ...rest } = props;
+    return (jsx("div", { className: cn(S.root, className), ...rest, children: children }));
+}
+
+export { ButtonGroup };

package/dist/esm/src/components/ButtonGroup/ButtonGroup.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".ButtonGroup_root__DGOTX{display:flex}.ButtonGroup_root__DGOTX>button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.ButtonGroup_root__DGOTX>button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}",S={root:"ButtonGroup_root__DGOTX"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=ButtonGroup.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ButtonGroup_root__DGOTX{display:flex}.ButtonGroup_root__DGOTX>button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.ButtonGroup_root__DGOTX>button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}";
+var S = {"root":"ButtonGroup_root__DGOTX"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Calendar/Calendar.helpers.js

@@ -1,2 +1,65 @@
-const CACHE={},weekDays=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],getWeekDaysArray=(t=1)=>{var a=[];for(let e=t;e<t+7;e++)a.push(e%7);return a},isWeekend=e=>{e%=7;return 5==e||6==e},isSameDay=(e,t)=>e.day===t.day&&e.month===t.month&&e.year===t.year,getDaysArray=(t,a,e)=>{var r=t+`-${a}-`+e;if(CACHE[r])return CACHE[r];var n=a-1,y=new Date(t,n,1),o=[],D=(y.getDay()-e+7)%7;if(0<D){var h=new Date(t,n,0).getDate();for(let e=0;e<D;e++)o.unshift({day:h-e,month:n,year:0==n?t-1:t,currentMonth:!1})}for(;y.getMonth()===n;)o.push({day:y.getDate(),month:1+n,year:t,currentMonth:!0}),y.setDate(y.getDate()+1);let s=1;a=o.length%7;if(0<a)for(let e=a;e<7;e++)o.push({day:s,month:12<2+n?1:2+n,year:11==n?t+1:t,currentMonth:!1}),s++;return CACHE[r]=o},valueToDate=e=>new Date(e.year,e.month-1,e.day??1);export{getDaysArray,getWeekDaysArray,isSameDay,isWeekend,valueToDate,weekDays};
-//# sourceMappingURL=Calendar.helpers.js.map
+const CACHE = {}; // [year-month] = days
+const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const getWeekDaysArray = (startOfWeek = 1) => {
+    const weekDays = [];
+    for (let i = startOfWeek; i < startOfWeek + 7; i++) {
+        weekDays.push(i % 7);
+    }
+    return weekDays;
+};
+const isWeekend = (day) => {
+    const num = day % 7;
+    return num === 5 || num === 6;
+};
+const isSameDay = (day1, day2) => {
+    return (day1.day === day2.day &&
+        day1.month === day2.month &&
+        day1.year === day2.year);
+};
+const getDaysArray = (year, month, startOfWeek) => {
+    const key = `${year}-${month}-${startOfWeek}`;
+    if (CACHE[key])
+        return CACHE[key];
+    let monthIndex = month - 1; // JavaScript's Date months are 0-indexed.
+    let date = new Date(year, monthIndex, 1);
+    let result = [];
+    let startDay = (date.getDay() - startOfWeek + 7) % 7;
+    if (startDay > 0) {
+        let prevMonthLastDay = new Date(year, monthIndex, 0).getDate();
+        for (let i = 0; i < startDay; i++) {
+            result.unshift({
+                day: prevMonthLastDay - i,
+                month: monthIndex,
+                year: monthIndex === 0 ? year - 1 : year,
+                currentMonth: false,
+            });
+        }
+    }
+    while (date.getMonth() === monthIndex) {
+        result.push({
+            day: date.getDate(),
+            month: monthIndex + 1,
+            year: year,
+            currentMonth: true,
+        });
+        date.setDate(date.getDate() + 1);
+    }
+    let nextMonthDay = 1;
+    const nextMonthStartDay = result.length % 7;
+    if (nextMonthStartDay > 0) {
+        for (let i = nextMonthStartDay; i < 7; i++) {
+            result.push({
+                day: nextMonthDay,
+                month: monthIndex + 2 > 12 ? 1 : monthIndex + 2,
+                year: monthIndex === 11 ? year + 1 : year,
+                currentMonth: false,
+            });
+            nextMonthDay++;
+        }
+    }
+    CACHE[key] = result;
+    return result;
+};
+const valueToDate = (day) => new Date(day.year, day.month - 1, day.day ?? 1);
+
+export { getDaysArray, getWeekDaysArray, isSameDay, isWeekend, valueToDate, weekDays };

package/dist/esm/src/components/Calendar/Calendar.js

@@ -1,2 +1,136 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{useMemo,useState,useCallback}from"react";import cn from"classnames";import S from"./Calendar.styl.js";import{valueToDate,getWeekDaysArray,getDaysArray,isWeekend,weekDays,isSameDay}from"./Calendar.helpers.js";import{Input}from"../Input/Input.js";import{Select}from"../Select/Select.js";import{useThrottleCallback}from"../../hooks/useThrottle.js";const MONTHS=["January","February","March","April","May","June","July","August","September","October","November","December"],MIN_YEAR=1970,renderDayDefault=(e,a)=>{var{day:e,year:r,month:t}=e;return jsx("div",{...a,children:e},r+`-${t}-`+e)};function Calendar({className:e,value:r,onDayPointerDown:t,onDayPointerUp:s,renderDay:n,renderWeekDayLabel:l,renderMonthLabel:o,renderMonthesLabel:a,renderYearLabel:i,startOfWeek:d=1,weekendClassName:c,hideOtherMonthDays:m,isDayDisabled:u,size:h}){var y=useMemo(()=>valueToDate(r),[r]);const[D,M]=useState(y.getMonth()+1),[b,p]=useState(y.getFullYear());var y=useMemo(()=>getWeekDaysArray(d),[d]),k=useMemo(()=>getDaysArray(b,D,d),[d,D,b]),N=useMemo(()=>MONTHS.map((e,a)=>({id:a+1,label:o?.(a+1)??e})),[o]);const v=useCallback(e=>{"backward"===e?M(e=>1===e?(p(e=>Math.max(MIN_YEAR,e-1)),12):e-1):M(e=>12===e?(p(e=>e+1),1):e+1)},[M,p]),f=useCallback((e,a)=>{document.startViewTransition?(document.documentElement.dataset.calendarTransitionDirection=e,document.startViewTransition(()=>{v(a)}).finished.finally(()=>{delete document.documentElement.dataset.calendarTransitionDirection})):v(a)},[v]);var j=useThrottleCallback(e=>{e.preventDefault(),e.stopPropagation();var{deltaX:e,deltaY:a}=e;let r="",t=null;Math.abs(a)>Math.abs(e)?t=a<0?(r="up","backward"):(r="down","forward"):Math.abs(e)>Math.abs(a)&&(t=e<0?(r="left","backward"):(r="right","forward")),r&&t&&f(r,t)},200,[f]),w=useCallback((e,a)=>{4===String(a).length?p(Math.max(MIN_YEAR,a)):p(a)},[]),e=cn(S.root,S["size-"+h],e,m&&S.hideOtherMonthDays);return jsxs("div",{className:e,children:[jsxs("div",{className:S.header,children:[jsx(Input,{className:S.year,type:"number",min:MIN_YEAR,size:h,label:i?.(b)??"Year",value:b,onChange:w,onBlur:()=>{b<MIN_YEAR&&p(MIN_YEAR)}}),jsx(Select,{className:S.month,size:h,label:a?.(D)??"Month",options:N,value:D,onChange:e=>M(e),required:!0,hideRequiredStar:!0})]}),jsx("div",{className:S.weekDays,children:y.map((e,a)=>jsx("div",{className:cn(S.day,isWeekend(a)&&c),children:l?.(e)??weekDays[e]},"weekday-"+e))}),jsx("div",{className:S.days,onWheelCapture:j,style:{viewTransitionName:"calendar-days"},children:k.map((e,a)=>{a={className:cn(S.day,e.currentMonth&&S.currMonth,isWeekend(a)&&c,isSameDay(e,r)&&S.selected,u?.(e)&&S.disabled)};return t&&(a.onPointerDown=()=>t(e)),s&&(a.onPointerUp=()=>s(e)),n?.(e,a)??renderDayDefault(e,a)})})]})}export{Calendar};
-//# sourceMappingURL=Calendar.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, useState, useCallback } from 'react';
+import cn from 'classnames';
+import S from './Calendar.styl.js';
+import { valueToDate, getWeekDaysArray, getDaysArray, isWeekend, weekDays, isSameDay } from './Calendar.helpers.js';
+import { Input } from '../Input/Input.js';
+import { Select } from '../Select/Select.js';
+import { useThrottleCallback } from '../../hooks/useThrottle.js';
+
+const MONTHS = [
+    'January',
+    'February',
+    'March',
+    'April',
+    'May',
+    'June',
+    'July',
+    'August',
+    'September',
+    'October',
+    'November',
+    'December',
+];
+const MIN_YEAR = 1970;
+const renderDayDefault = (val, props) => {
+    const { day, year, month } = val;
+    return (jsx("div", { ...props, children: day }, `${year}-${month}-${day}`));
+};
+function Calendar({ className, value, onDayPointerDown, onDayPointerUp, renderDay, renderWeekDayLabel, renderMonthLabel, renderMonthesLabel, renderYearLabel, startOfWeek = 1, weekendClassName, hideOtherMonthDays, isDayDisabled, size, }) {
+    const date = useMemo(() => valueToDate(value), [value]);
+    const [month, setMonth] = useState(date.getMonth() + 1);
+    const [year, setYear] = useState(date.getFullYear());
+    const weekDaysArray = useMemo(() => getWeekDaysArray(startOfWeek), [startOfWeek]);
+    const daysArray = useMemo(() => getDaysArray(year, month, startOfWeek), [startOfWeek, month, year]);
+    const monthOptions = useMemo(() => MONTHS.map((m, i) => ({
+        id: i + 1,
+        label: renderMonthLabel?.(i + 1) ?? m,
+    })), [renderMonthLabel]);
+    const updateMonthYear = useCallback((direction) => {
+        if (direction === 'backward') {
+            setMonth(prevMonth => {
+                if (prevMonth === 1) {
+                    setYear(prevYear => Math.max(MIN_YEAR, prevYear - 1));
+                    return 12;
+                }
+                return prevMonth - 1;
+            });
+        }
+        else {
+            setMonth(prevMonth => {
+                if (prevMonth === 12) {
+                    setYear(prevYear => prevYear + 1);
+                    return 1;
+                }
+                return prevMonth + 1;
+            });
+        }
+    }, [setMonth, setYear]);
+    const triggerMonthChangeWithTransition = useCallback((scrollDirection, monthDirection) => {
+        // @ts-ignore
+        if (!document.startViewTransition) {
+            updateMonthYear(monthDirection);
+            return;
+        }
+        document.documentElement.dataset.calendarTransitionDirection =
+            scrollDirection;
+        // @ts-ignore
+        const transition = document.startViewTransition(() => {
+            updateMonthYear(monthDirection);
+        });
+        transition.finished.finally(() => {
+            delete document.documentElement.dataset.calendarTransitionDirection;
+        });
+    }, [updateMonthYear]);
+    const handleWheelScroll = useThrottleCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const { deltaX, deltaY } = event;
+        let scrollDirection = '';
+        let monthDirection = null;
+        if (Math.abs(deltaY) > Math.abs(deltaX)) {
+            if (deltaY < 0) {
+                scrollDirection = 'up';
+                monthDirection = 'backward';
+            }
+            else {
+                scrollDirection = 'down';
+                monthDirection = 'forward';
+            }
+        }
+        else if (Math.abs(deltaX) > Math.abs(deltaY)) {
+            if (deltaX < 0) {
+                scrollDirection = 'left';
+                monthDirection = 'backward';
+            }
+            else {
+                scrollDirection = 'right';
+                monthDirection = 'forward';
+            }
+        }
+        if (scrollDirection && monthDirection) {
+            triggerMonthChangeWithTransition(scrollDirection, monthDirection);
+        }
+    }, 200, // Throttle time in ms
+    [triggerMonthChangeWithTransition]);
+    const onYearChange = useCallback((e, val) => {
+        if (String(val).length === 4)
+            setYear(Math.max(MIN_YEAR, val));
+        else
+            setYear(val);
+    }, []);
+    const onYearBlur = () => {
+        if (year < MIN_YEAR)
+            setYear(MIN_YEAR);
+    };
+    const classes = cn(S.root, S[`size-${size}`], className, hideOtherMonthDays && S.hideOtherMonthDays);
+    return (jsxs("div", { className: classes, children: [jsxs("div", { className: S.header, children: [jsx(Input, { className: S.year, type: "number", min: MIN_YEAR, 
+                        // @ts-ignore
+                        size: size, label: renderYearLabel?.(year) ?? 'Year', value: year, 
+                        // @ts-ignore
+                        onChange: onYearChange, onBlur: onYearBlur }), jsx(Select, { className: S.month, size: size, label: renderMonthesLabel?.(month) ?? 'Month', options: monthOptions, value: month, onChange: val => setMonth(val), required: true, hideRequiredStar: true })] }), jsx("div", { className: S.weekDays, children: weekDaysArray.map((day, weekdayIndex) => (jsx("div", { className: cn(S.day, isWeekend(weekdayIndex) && weekendClassName), children: renderWeekDayLabel?.(day) ?? weekDays[day] }, `weekday-${day}`))) }), jsx("div", { className: S.days, onWheelCapture: handleWheelScroll, 
+                // @ts-ignore
+                style: { viewTransitionName: 'calendar-days' }, children: daysArray.map((day, weekdayIndex) => {
+                    const className = cn(S.day, day.currentMonth && S.currMonth, isWeekend(weekdayIndex) && weekendClassName, isSameDay(day, value) && S.selected, isDayDisabled?.(day) && S.disabled);
+                    const dayProps = { className };
+                    if (onDayPointerDown) {
+                        dayProps.onPointerDown = () => onDayPointerDown(day);
+                    }
+                    if (onDayPointerUp) {
+                        dayProps.onPointerUp = () => onDayPointerUp(day);
+                    }
+                    return renderDay?.(day, dayProps) ?? renderDayDefault(day, dayProps);
+                }) })] }));
+}
+
+export { Calendar };

package/dist/esm/src/components/Calendar/Calendar.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Calendar_size-xs__Aeu1t{font-size:.4em}.Calendar_size-s__MFLPb{font-size:.5em}.Calendar_size-m__IGeoI{font-size:.75em}.Calendar_size-l__a2zct{font-size:1em}.Calendar_size-xl__131Hs{font-size:1.15em}.Calendar_root__v8Jg6{display:flex;flex-direction:column}.Calendar_header__IHzS-{align-items:center;display:flex;justify-content:space-between}.Calendar_month__gi10Q{width:100%}.Calendar_year__UlmLM{min-width:5em}.Calendar_year__UlmLM input{min-width:0;min-width:auto}.Calendar_month__gi10Q{margin-left:var(--p-3)}.Calendar_weekDays__Pglyw{align-items:center;color:var(--accent-color-alpha-500);display:flex;font-size:.75em;margin-top:var(--p-3);width:100%}.Calendar_weekDays__Pglyw .Calendar_day__A3NG-{padding:1.5em 0}.Calendar_size-xs__Aeu1t .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-xs__Aeu1t .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:4px}.Calendar_size-s__MFLPb .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-s__MFLPb .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:6px}.Calendar_size-m__IGeoI .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:6px}.Calendar_size-l__a2zct .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:8px}.Calendar_size-l__a2zct .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:10px}.Calendar_size-xl__131Hs .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:10px}.Calendar_days__64U-y{display:flex;flex-wrap:wrap;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Calendar_days__64U-y .Calendar_day__A3NG-:not(.Calendar_currMonth__oL4nl){color:var(--accent-color-alpha-500)}.Calendar_hideOtherMonthDays__DydjR .Calendar_days__64U-y .Calendar_day__A3NG-:not(.Calendar_currMonth__oL4nl){opacity:0;pointer-events:none}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:first-child,.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:last-child,.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7),.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7),.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:10px}.Calendar_day__A3NG-{align-items:center;display:flex;height:2em;justify-content:center;min-width:0;min-width:auto;padding:0;width:14.28571%}.Calendar_day__A3NG-.Calendar_disabled__sZi-f{background-color:var(--accent-color-alpha-100);border-radius:0;opacity:.3;pointer-events:none}.Calendar_day__A3NG-.Calendar_selected__ffB6-{background-color:var(--active-color-alpha-500)!important}.Calendar_day__A3NG-.Calendar_currMonth__oL4nl{font-weight:700}.pointer .Calendar_day__A3NG-:focus{background-color:transparent}::view-transition-image-pair(calendar-days){isolation:isolate}::view-transition-old(calendar-days){animation:Calendar_vt-fade-out__zW-xw .25s ease-in-out forwards}::view-transition-new(calendar-days){animation:Calendar_vt-fade-in__zBI3Y .25s ease-in-out forwards}:root[data-calendar-transition-direction=up]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-bottom__qRC-S .25s ease-in-out forwards}:root[data-calendar-transition-direction=up]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-top__GYRDJ .25s ease-in-out forwards}:root[data-calendar-transition-direction=down]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-top__qfqiD .25s ease-in-out forwards}:root[data-calendar-transition-direction=down]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-bottom__Jw2dp .25s ease-in-out forwards}:root[data-calendar-transition-direction=left]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-right__qJ4Ur .25s ease-in-out forwards}:root[data-calendar-transition-direction=left]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-left__Xlsac .25s ease-in-out forwards}:root[data-calendar-transition-direction=right]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-left__uMzUm .25s ease-in-out forwards}:root[data-calendar-transition-direction=right]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-right__Ewify .25s ease-in-out forwards}@keyframes Calendar_vt-fade-in__zBI3Y{0%{opacity:0}to{opacity:1}}@keyframes Calendar_vt-fade-out__zW-xw{0%{opacity:1}to{opacity:0}}@keyframes Calendar_vt-slide-from-top__GYRDJ{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes Calendar_vt-slide-to-bottom__qRC-S{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes Calendar_vt-slide-from-bottom__Jw2dp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes Calendar_vt-slide-to-top__qfqiD{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes Calendar_vt-slide-from-left__Xlsac{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes Calendar_vt-slide-to-right__qJ4Ur{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}@keyframes Calendar_vt-slide-from-right__Ewify{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes Calendar_vt-slide-to-left__uMzUm{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}",S={"size-xs":"Calendar_size-xs__Aeu1t","size-s":"Calendar_size-s__MFLPb","size-m":"Calendar_size-m__IGeoI","size-l":"Calendar_size-l__a2zct","size-xl":"Calendar_size-xl__131Hs",root:"Calendar_root__v8Jg6",header:"Calendar_header__IHzS-",month:"Calendar_month__gi10Q",year:"Calendar_year__UlmLM",weekDays:"Calendar_weekDays__Pglyw",day:"Calendar_day__A3NG-",days:"Calendar_days__64U-y",currMonth:"Calendar_currMonth__oL4nl",hideOtherMonthDays:"Calendar_hideOtherMonthDays__DydjR",disabled:"Calendar_disabled__sZi-f",selected:"Calendar_selected__ffB6-","vt-fade-out":"Calendar_vt-fade-out__zW-xw","vt-fade-in":"Calendar_vt-fade-in__zBI3Y","vt-slide-to-bottom":"Calendar_vt-slide-to-bottom__qRC-S","vt-slide-from-top":"Calendar_vt-slide-from-top__GYRDJ","vt-slide-to-top":"Calendar_vt-slide-to-top__qfqiD","vt-slide-from-bottom":"Calendar_vt-slide-from-bottom__Jw2dp","vt-slide-to-right":"Calendar_vt-slide-to-right__qJ4Ur","vt-slide-from-left":"Calendar_vt-slide-from-left__Xlsac","vt-slide-to-left":"Calendar_vt-slide-to-left__uMzUm","vt-slide-from-right":"Calendar_vt-slide-from-right__Ewify"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Calendar.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Calendar_size-xs__Aeu1t{font-size:.4em}.Calendar_size-s__MFLPb{font-size:.5em}.Calendar_size-m__IGeoI{font-size:.75em}.Calendar_size-l__a2zct{font-size:1em}.Calendar_size-xl__131Hs{font-size:1.15em}.Calendar_root__v8Jg6{display:flex;flex-direction:column}.Calendar_header__IHzS-{align-items:center;display:flex;justify-content:space-between}.Calendar_month__gi10Q{width:100%}.Calendar_year__UlmLM{min-width:5em}.Calendar_year__UlmLM input{min-width:0;min-width:auto}.Calendar_month__gi10Q{margin-left:var(--p-3)}.Calendar_weekDays__Pglyw{align-items:center;color:var(--accent-color-alpha-500);display:flex;font-size:.75em;margin-top:var(--p-3);width:100%}.Calendar_weekDays__Pglyw .Calendar_day__A3NG-{padding:1.5em 0}.Calendar_size-xs__Aeu1t .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-xs__Aeu1t .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:4px}.Calendar_size-s__MFLPb .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-s__MFLPb .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:6px}.Calendar_size-m__IGeoI .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:6px}.Calendar_size-l__a2zct .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:8px}.Calendar_size-l__a2zct .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:first-child{border-top-left-radius:10px}.Calendar_size-xl__131Hs .Calendar_weekDays__Pglyw .Calendar_day__A3NG-:last-child{border-top-right-radius:10px}.Calendar_days__64U-y{display:flex;flex-wrap:wrap;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Calendar_days__64U-y .Calendar_day__A3NG-:not(.Calendar_currMonth__oL4nl){color:var(--accent-color-alpha-500)}.Calendar_hideOtherMonthDays__DydjR .Calendar_days__64U-y .Calendar_day__A3NG-:not(.Calendar_currMonth__oL4nl){opacity:0;pointer-events:none}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:first-child,.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:first-child{border-top-left-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:last-child,.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:last-child{border-bottom-right-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7),.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:nth-child(7){border-top-right-radius:10px}.Calendar_size-s__MFLPb .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7),.Calendar_size-xs__Aeu1t .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:4px}.Calendar_size-m__IGeoI .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:6px}.Calendar_size-l__a2zct .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:8px}.Calendar_size-xl__131Hs .Calendar_days__64U-y .Calendar_day__A3NG-:nth-last-child(7){border-bottom-left-radius:10px}.Calendar_day__A3NG-{align-items:center;display:flex;height:2em;justify-content:center;min-width:0;min-width:auto;padding:0;width:14.28571%}.Calendar_day__A3NG-.Calendar_disabled__sZi-f{background-color:var(--accent-color-alpha-100);border-radius:0;opacity:.3;pointer-events:none}.Calendar_day__A3NG-.Calendar_selected__ffB6-{background-color:var(--active-color-alpha-500)!important}.Calendar_day__A3NG-.Calendar_currMonth__oL4nl{font-weight:700}.pointer .Calendar_day__A3NG-:focus{background-color:transparent}::view-transition-image-pair(calendar-days){isolation:isolate}::view-transition-old(calendar-days){animation:Calendar_vt-fade-out__zW-xw .25s ease-in-out forwards}::view-transition-new(calendar-days){animation:Calendar_vt-fade-in__zBI3Y .25s ease-in-out forwards}:root[data-calendar-transition-direction=up]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-bottom__qRC-S .25s ease-in-out forwards}:root[data-calendar-transition-direction=up]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-top__GYRDJ .25s ease-in-out forwards}:root[data-calendar-transition-direction=down]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-top__qfqiD .25s ease-in-out forwards}:root[data-calendar-transition-direction=down]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-bottom__Jw2dp .25s ease-in-out forwards}:root[data-calendar-transition-direction=left]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-right__qJ4Ur .25s ease-in-out forwards}:root[data-calendar-transition-direction=left]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-left__Xlsac .25s ease-in-out forwards}:root[data-calendar-transition-direction=right]::view-transition-old(calendar-days){animation:Calendar_vt-slide-to-left__uMzUm .25s ease-in-out forwards}:root[data-calendar-transition-direction=right]::view-transition-new(calendar-days){animation:Calendar_vt-slide-from-right__Ewify .25s ease-in-out forwards}@keyframes Calendar_vt-fade-in__zBI3Y{0%{opacity:0}to{opacity:1}}@keyframes Calendar_vt-fade-out__zW-xw{0%{opacity:1}to{opacity:0}}@keyframes Calendar_vt-slide-from-top__GYRDJ{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes Calendar_vt-slide-to-bottom__qRC-S{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes Calendar_vt-slide-from-bottom__Jw2dp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes Calendar_vt-slide-to-top__qfqiD{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes Calendar_vt-slide-from-left__Xlsac{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes Calendar_vt-slide-to-right__qJ4Ur{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}@keyframes Calendar_vt-slide-from-right__Ewify{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes Calendar_vt-slide-to-left__uMzUm{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}";
+var S = {"size-xs":"Calendar_size-xs__Aeu1t","size-s":"Calendar_size-s__MFLPb","size-m":"Calendar_size-m__IGeoI","size-l":"Calendar_size-l__a2zct","size-xl":"Calendar_size-xl__131Hs","root":"Calendar_root__v8Jg6","header":"Calendar_header__IHzS-","month":"Calendar_month__gi10Q","year":"Calendar_year__UlmLM","weekDays":"Calendar_weekDays__Pglyw","day":"Calendar_day__A3NG-","days":"Calendar_days__64U-y","currMonth":"Calendar_currMonth__oL4nl","hideOtherMonthDays":"Calendar_hideOtherMonthDays__DydjR","disabled":"Calendar_disabled__sZi-f","selected":"Calendar_selected__ffB6-","vt-fade-out":"Calendar_vt-fade-out__zW-xw","vt-fade-in":"Calendar_vt-fade-in__zBI3Y","vt-slide-to-bottom":"Calendar_vt-slide-to-bottom__qRC-S","vt-slide-from-top":"Calendar_vt-slide-from-top__GYRDJ","vt-slide-to-top":"Calendar_vt-slide-to-top__qfqiD","vt-slide-from-bottom":"Calendar_vt-slide-from-bottom__Jw2dp","vt-slide-to-right":"Calendar_vt-slide-to-right__qJ4Ur","vt-slide-from-left":"Calendar_vt-slide-from-left__Xlsac","vt-slide-to-left":"Calendar_vt-slide-to-left__uMzUm","vt-slide-from-right":"Calendar_vt-slide-from-right__Ewify"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Card/Card.js

@@ -1,2 +1,55 @@
-import{jsx,jsxs}from"react/jsx-runtime";import cn from"classnames";import{forwardRef,useRef,useEffect}from"react";import{Scroll}from"../Scroll/Scroll.js";import S from"./Card.styl.js";const SCROLL_OFFSET=300,Card=forwardRef(function({className:e,paddingSize:r="m",blur:a=!1,...t},s){return jsx("div",{ref:s,className:cn(S.root,S["padding-"+r],a&&S.blur,e),...t})});function LinkCard({className:e,...r}){return jsx("a",{target:"_blank",rel:"noopener noreferrer","data-slot":"link-card",className:cn(S.root,e),...r})}function CardHeader({className:e,icon:r,iconWithBackground:a=!1,textsClassName:t,title:s,titleClassName:c,titleId:o,description:n,descriptionClassName:i,descriptionId:l,children:d,...m}){return jsxs("div",{"data-slot":"card-header",className:cn(S.header,e),...m,children:[r&&jsx("div",{className:cn(S.icon,a&&S.withBackground),children:r}),d,(s||n)&&jsxs("div",{className:cn(S.headerText,t),children:[s&&jsx(CardTitle,{id:o,className:c,children:s}),n&&jsx(CardDescription,{id:l,className:i,children:n})]})]})}function CardTitle({className:e,...r}){return jsx("div",{"data-slot":"card-title",className:cn(S.title,e),...r})}function CardDescription({className:e,...r}){return jsx("div",{"data-slot":"card-description",className:cn(S.description,e),...r})}function CardAction({className:e,...r}){return jsx("div",{"data-slot":"card-action",className:cn(S.action,e),...r})}function CardContent({className:e,centered:r,fullHeight:a,noScroll:t,children:s,autoScrollBottom:c,...o}){const n=useRef(null);e=jsx("div",{"data-slot":"card-content",className:cn(e,r&&S.centered,a&&S.fullHeight),...o,children:s});return useEffect(()=>{if(!t&&c){const r=n.current?.innerElem;if(r){r.scrollHeight>SCROLL_OFFSET&&r.scrollTo({top:r.scrollHeight-r.offsetHeight-SCROLL_OFFSET,behavior:"auto"});const e=window.setTimeout(()=>{var e=r.scrollHeight+1e3;r.scrollTo({top:e,behavior:"smooth"})},0);return()=>window.clearTimeout(e)}}},[t,c]),t?e:jsx(Scroll,{y:!0,autoHide:!0,fadeSize:"m",className:S.scroll,ref:n,children:e})}function CardFooter({className:e,...r}){return jsx("div",{"data-slot":"card-footer",className:cn(S.footer,e),...r})}export{Card,CardAction,CardContent,CardDescription,CardFooter,CardHeader,CardTitle,LinkCard};
-//# sourceMappingURL=Card.js.map
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { forwardRef, useRef, useEffect } from 'react';
+import { Scroll } from '../Scroll/Scroll.js';
+import S from './Card.styl.js';
+
+const SCROLL_OFFSET = 300;
+const Card = forwardRef(function Card({ className, paddingSize = 'm', blur = false, ...props }, ref) {
+    return (jsx("div", { ref: ref, className: cn(S.root, S[`padding-${paddingSize}`], blur && S.blur, className), ...props }));
+});
+function LinkCard({ className, ...props }) {
+    return (jsx("a", { target: "_blank", rel: "noopener noreferrer", "data-slot": "link-card", className: cn(S.root, className), ...props }));
+}
+function CardHeader({ className, icon, iconWithBackground = false, textsClassName, title, titleClassName, titleId, description, descriptionClassName, descriptionId, children, ...props }) {
+    return (jsxs("div", { "data-slot": "card-header", className: cn(S.header, className), ...props, children: [icon && (jsx("div", { className: cn(S.icon, iconWithBackground && S.withBackground), children: icon })), children, (title || description) && (jsxs("div", { className: cn(S.headerText, textsClassName), children: [title && (jsx(CardTitle, { id: titleId, className: titleClassName, children: title })), description && (jsx(CardDescription, { id: descriptionId, className: descriptionClassName, children: description }))] }))] }));
+}
+function CardTitle({ className, ...props }) {
+    return (jsx("div", { "data-slot": "card-title", className: cn(S.title, className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (jsx("div", { "data-slot": "card-description", className: cn(S.description, className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (jsx("div", { "data-slot": "card-action", className: cn(S.action, className), ...props }));
+}
+function CardContent({ className, centered, fullHeight, noScroll, children, autoScrollBottom, ...props }) {
+    const scrollRef = useRef(null);
+    const contentDiv = (jsx("div", { "data-slot": "card-content", className: cn(className, centered && S.centered, fullHeight && S.fullHeight), ...props, children: children }));
+    useEffect(() => {
+        if (noScroll || !autoScrollBottom)
+            return;
+        const inner = scrollRef.current?.innerElem;
+        if (!inner)
+            return;
+        if (inner.scrollHeight > SCROLL_OFFSET) {
+            inner.scrollTo({
+                top: inner.scrollHeight - inner.offsetHeight - SCROLL_OFFSET,
+                behavior: 'auto',
+            });
+        }
+        const t = window.setTimeout(() => {
+            const top = inner.scrollHeight + 1000;
+            inner.scrollTo({ top, behavior: 'smooth' });
+        }, 0);
+        return () => window.clearTimeout(t);
+    }, [noScroll, autoScrollBottom]);
+    if (noScroll)
+        return contentDiv;
+    return (jsx(Scroll, { y: true, autoHide: true, fadeSize: "m", className: S.scroll, ref: scrollRef, children: contentDiv }));
+}
+function CardFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": "card-footer", className: cn(S.footer, className), ...props }));
+}
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, LinkCard };

package/dist/esm/src/components/Card/Card.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Card_root__khJ4u{background-color:var(--surface-color);border-radius:var(--border-radius-l);display:flex;flex-direction:column;gap:var(--p-5);max-height:100%;position:relative}.Card_root__khJ4u.Card_blur__VbZXN{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Card_root__khJ4u.Card_padding-xs__dd13Q{border-radius:var(--p-3);padding:var(--p-2)}.Card_root__khJ4u.Card_padding-s__S7iiZ{border-radius:var(--p-4);padding:var(--p-3)}.Card_root__khJ4u.Card_padding-m__thC3O{border-radius:var(--p-6);padding:var(--p-5)}.Card_root__khJ4u.Card_padding-l__gtTEF{border-radius:var(--p-8);padding:var(--p-8)}.Card_root__khJ4u.Card_padding-xl__y01o1{border-radius:var(--p-11);padding:var(--p-10)}.Card_header__LDTGV{align-items:flex-start;display:flex;gap:var(--p-5);justify-content:space-between}.Card_header__LDTGV:has([data-slot=card-action]){grid-template-columns:1fr auto}.Card_icon__aRlE5{align-items:center;border-radius:calc(var(--border-radius-m) + 2px);box-shadow:inset 0 0 0 1px var(--decent-color-alpha-200);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.Card_icon__aRlE5.Card_withBackground__lIrjx{background-color:var(--accent-color-alpha-100);box-shadow:none}.Card_icon__aRlE5>img,.Card_icon__aRlE5>svg{height:20px;width:20px}.Card_headerText__hawuL{flex-grow:1;overflow:hidden}.Card_scroll__uDcXL{max-height:100%;overflow:hidden;padding-right:var(--p-5);width:calc(100% + var(--p-5))}.Card_scroll__uDcXL [data-slot=card-content]{padding-right:1px}.Card_centered__0YX4F,.Card_fullHeight__i3n8e{display:flex;flex-direction:column}.Card_centered__0YX4F{align-items:center;justify-content:center}.Card_fullHeight__i3n8e{flex-grow:1}.Card_description__RTQTR,.Card_title__Z1SQz{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Card_title__Z1SQz{font-size:120%;font-weight:500;line-height:1.35}.Card_description__RTQTR{color:var(--accent-color-alpha-500);max-width:100%;word-break:break-word}.Card_action__viIuL{grid-row-span:2;align-self:start;grid-column-start:2;grid-row-start:1;justify-self:end}.Card_footer__T0DXA{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden}",S={root:"Card_root__khJ4u",blur:"Card_blur__VbZXN","padding-xs":"Card_padding-xs__dd13Q","padding-s":"Card_padding-s__S7iiZ","padding-m":"Card_padding-m__thC3O","padding-l":"Card_padding-l__gtTEF","padding-xl":"Card_padding-xl__y01o1",header:"Card_header__LDTGV",icon:"Card_icon__aRlE5",withBackground:"Card_withBackground__lIrjx",headerText:"Card_headerText__hawuL",scroll:"Card_scroll__uDcXL",centered:"Card_centered__0YX4F",fullHeight:"Card_fullHeight__i3n8e",title:"Card_title__Z1SQz",description:"Card_description__RTQTR",action:"Card_action__viIuL",footer:"Card_footer__T0DXA"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Card.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Card_root__khJ4u{background-color:var(--surface-color);border-radius:var(--border-radius-l);display:flex;flex-direction:column;gap:var(--p-5);max-height:100%;position:relative}.Card_root__khJ4u.Card_blur__VbZXN{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--decent-color-alpha-500)}.Card_root__khJ4u.Card_padding-xs__dd13Q{border-radius:var(--p-3);padding:var(--p-2)}.Card_root__khJ4u.Card_padding-s__S7iiZ{border-radius:var(--p-4);padding:var(--p-3)}.Card_root__khJ4u.Card_padding-m__thC3O{border-radius:var(--p-6);padding:var(--p-5)}.Card_root__khJ4u.Card_padding-l__gtTEF{border-radius:var(--p-8);padding:var(--p-8)}.Card_root__khJ4u.Card_padding-xl__y01o1{border-radius:var(--p-11);padding:var(--p-10)}.Card_header__LDTGV{align-items:flex-start;display:flex;gap:var(--p-5);justify-content:space-between}.Card_header__LDTGV:has([data-slot=card-action]){grid-template-columns:1fr auto}.Card_icon__aRlE5{align-items:center;border-radius:calc(var(--border-radius-m) + 2px);box-shadow:inset 0 0 0 1px var(--decent-color-alpha-200);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.Card_icon__aRlE5.Card_withBackground__lIrjx{background-color:var(--accent-color-alpha-100);box-shadow:none}.Card_icon__aRlE5>img,.Card_icon__aRlE5>svg{height:20px;width:20px}.Card_headerText__hawuL{flex-grow:1;overflow:hidden}.Card_scroll__uDcXL{max-height:100%;overflow:hidden;padding-right:var(--p-5);width:calc(100% + var(--p-5))}.Card_scroll__uDcXL [data-slot=card-content]{padding-right:1px}.Card_centered__0YX4F,.Card_fullHeight__i3n8e{display:flex;flex-direction:column}.Card_centered__0YX4F{align-items:center;justify-content:center}.Card_fullHeight__i3n8e{flex-grow:1}.Card_description__RTQTR,.Card_title__Z1SQz{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.Card_title__Z1SQz{font-size:120%;font-weight:500;line-height:1.35}.Card_description__RTQTR{color:var(--accent-color-alpha-500);max-width:100%;word-break:break-word}.Card_action__viIuL{grid-row-span:2;align-self:start;grid-column-start:2;grid-row-start:1;justify-self:end}.Card_footer__T0DXA{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden}";
+var S = {"root":"Card_root__khJ4u","blur":"Card_blur__VbZXN","padding-xs":"Card_padding-xs__dd13Q","padding-s":"Card_padding-s__S7iiZ","padding-m":"Card_padding-m__thC3O","padding-l":"Card_padding-l__gtTEF","padding-xl":"Card_padding-xl__y01o1","header":"Card_header__LDTGV","icon":"Card_icon__aRlE5","withBackground":"Card_withBackground__lIrjx","headerText":"Card_headerText__hawuL","scroll":"Card_scroll__uDcXL","centered":"Card_centered__0YX4F","fullHeight":"Card_fullHeight__i3n8e","title":"Card_title__Z1SQz","description":"Card_description__RTQTR","action":"Card_action__viIuL","footer":"Card_footer__T0DXA"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Checkbox/Checkbox.js

@@ -1,2 +1,19 @@
-import{jsxs,jsx}from"react/jsx-runtime";import cn from"classnames";import{Icon}from"../Icon/Icon.js";import"react";import"timen";import{useToggleState}from"../../hooks/useToggleState.js";import S from"./Checkbox.styl.js";const Checkbox=({className:o,label:e="",size:s="m",variant:r="default",error:c,checked:n=!1,disabled:t,id:i,onFocus:a,onBlur:l,...m})=>{var{id:i,isActive:a,isFocused:l,handlers:d}=useToggleState({id:i,onFocus:a,onBlur:l}),r=cn(S.root,S["size-"+s],S["variant-"+r],n&&S.checked,t&&S.disabled,c&&S.hasError,a&&S.isActive,l&&S.isFocused,o);return jsxs("label",{className:r,onPointerDown:d.onPointerDown,onPointerUp:d.onPointerUp,children:[jsxs("div",{className:S.controlWrapper,children:[jsx("input",{className:S.control,...m,onFocus:d.onFocus,onBlur:d.onBlur,id:i,type:"checkbox",checked:n,disabled:t,tabIndex:0}),jsx(Icon,{type:"check",className:S.checkmark,size:s})]}),e]})};export{Checkbox};
-//# sourceMappingURL=Checkbox.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import 'react';
+import 'timen';
+import { useToggleState } from '../../hooks/useToggleState.js';
+import S from './Checkbox.styl.js';
+
+const Checkbox = ({ className, label = '', size = 'm', variant = 'default', error, checked = false, disabled, id, onFocus, onBlur, ...props }) => {
+    const { id: componentId, isActive, isFocused, handlers, } = useToggleState({
+        id,
+        onFocus,
+        onBlur,
+    });
+    const classes = cn(S.root, S[`size-${size}`], S[`variant-${variant}`], checked && S.checked, disabled && S.disabled, error && S.hasError, isActive && S.isActive, isFocused && S.isFocused, className);
+    return (jsxs("label", { className: classes, onPointerDown: handlers.onPointerDown, onPointerUp: handlers.onPointerUp, children: [jsxs("div", { className: S.controlWrapper, children: [jsx("input", { className: S.control, ...props, onFocus: handlers.onFocus, onBlur: handlers.onBlur, id: componentId, type: "checkbox", checked: checked, disabled: disabled, tabIndex: 0 }), jsx(Icon, { type: "check", className: S.checkmark, size: size })] }), label] }));
+};
+
+export { Checkbox };

package/dist/esm/src/components/Checkbox/Checkbox.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Checkbox_root__4nsMp{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Checkbox_disabled__mcg2G{opacity:.4;pointer-events:none}.Checkbox_controlWrapper__bHYKO{border-radius:var(--border-radius-m);display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.Checkbox_variant-default__ck-xT .Checkbox_controlWrapper__bHYKO{background-color:var(--accent-color-alpha-100)}.Checkbox_variant-outlined__dtjX- .Checkbox_controlWrapper__bHYKO{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Checkbox_root__4nsMp:hover .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100)}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO,.Checkbox_isFocused__fMPy3 .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--active-color)!important}.Checkbox_hasError__YUP6n .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100);opacity:.7}.Checkbox_control__SAuxo{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.Checkbox_control__SAuxo:focus,.Checkbox_control__SAuxo:hover{background-color:var(--active-color-alpha-100)}.Checkbox_control__SAuxo[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Checkbox_checkmark__FrCws{height:100%!important;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.6) rotateY(-90deg);transition:.1s ease-in;transition-property:transform,opacity;width:100%!important}.Checkbox_checked__ZREOF .Checkbox_checkmark__FrCws{opacity:1;transform:scale(.6)}.Checkbox_size-xs__ez0-h{font-size:14px}.Checkbox_size-xs__ez0-h .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:24px;min-width:24px}.Checkbox_size-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:32px;min-width:32px}.Checkbox_size-m__LCe6f{font-size:18px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:22px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:8px;min-height:48px;min-width:48px}.Checkbox_size-xl__mlFb0{font-size:26px}.Checkbox_size-xl__mlFb0 .Checkbox_controlWrapper__bHYKO{border-radius:10px;min-height:56px;min-width:56px}",S={root:"Checkbox_root__4nsMp",disabled:"Checkbox_disabled__mcg2G",controlWrapper:"Checkbox_controlWrapper__bHYKO","variant-default":"Checkbox_variant-default__ck-xT","variant-outlined":"Checkbox_variant-outlined__dtjX-",isActive:"Checkbox_isActive__uu6VN",isFocused:"Checkbox_isFocused__fMPy3",hasError:"Checkbox_hasError__YUP6n",control:"Checkbox_control__SAuxo",checkmark:"Checkbox_checkmark__FrCws",checked:"Checkbox_checked__ZREOF","size-xs":"Checkbox_size-xs__ez0-h","size-s":"Checkbox_size-s__T8-y2","size-m":"Checkbox_size-m__LCe6f","size-l":"Checkbox_size-l__U-WS4","size-xl":"Checkbox_size-xl__mlFb0"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Checkbox.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Checkbox_root__4nsMp{align-items:center;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Checkbox_disabled__mcg2G{opacity:.4;pointer-events:none}.Checkbox_controlWrapper__bHYKO{border-radius:var(--border-radius-m);display:block;margin-right:1em;position:relative;transition:.2s ease-out;transition-property:opacity,box-shadow}.Checkbox_variant-default__ck-xT .Checkbox_controlWrapper__bHYKO{background-color:var(--accent-color-alpha-100)}.Checkbox_variant-outlined__dtjX- .Checkbox_controlWrapper__bHYKO{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Checkbox_root__4nsMp:hover .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100)}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO,.Checkbox_isFocused__fMPy3 .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--active-color)!important}.Checkbox_hasError__YUP6n .Checkbox_controlWrapper__bHYKO{box-shadow:inset 0 0 0 2px var(--danger-color)!important}.Checkbox_isActive__uu6VN .Checkbox_controlWrapper__bHYKO{background-color:var(--active-color-alpha-100);opacity:.7}.Checkbox_control__SAuxo{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;cursor:pointer;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;transition:.1s ease-out;transition-property:background-color,color}.Checkbox_control__SAuxo:focus,.Checkbox_control__SAuxo:hover{background-color:var(--active-color-alpha-100)}.Checkbox_control__SAuxo[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Checkbox_checkmark__FrCws{height:100%!important;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(.6) rotateY(-90deg);transition:.1s ease-in;transition-property:transform,opacity;width:100%!important}.Checkbox_checked__ZREOF .Checkbox_checkmark__FrCws{opacity:1;transform:scale(.6)}.Checkbox_size-xs__ez0-h{font-size:14px}.Checkbox_size-xs__ez0-h .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:24px;min-width:24px}.Checkbox_size-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:32px;min-width:32px}.Checkbox_size-m__LCe6f{font-size:18px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:22px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:8px;min-height:48px;min-width:48px}.Checkbox_size-xl__mlFb0{font-size:26px}.Checkbox_size-xl__mlFb0 .Checkbox_controlWrapper__bHYKO{border-radius:10px;min-height:56px;min-width:56px}";
+var S = {"root":"Checkbox_root__4nsMp","disabled":"Checkbox_disabled__mcg2G","controlWrapper":"Checkbox_controlWrapper__bHYKO","variant-default":"Checkbox_variant-default__ck-xT","variant-outlined":"Checkbox_variant-outlined__dtjX-","isActive":"Checkbox_isActive__uu6VN","isFocused":"Checkbox_isFocused__fMPy3","hasError":"Checkbox_hasError__YUP6n","control":"Checkbox_control__SAuxo","checkmark":"Checkbox_checkmark__FrCws","checked":"Checkbox_checked__ZREOF","size-xs":"Checkbox_size-xs__ez0-h","size-s":"Checkbox_size-s__T8-y2","size-m":"Checkbox_size-m__LCe6f","size-l":"Checkbox_size-l__U-WS4","size-xl":"Checkbox_size-xl__mlFb0"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Chip/Chip.js

@@ -1,2 +1,16 @@
-import{jsx,jsxs}from"react/jsx-runtime";import cn from"classnames";import{Button}from"../Button/Button.js";import S from"./Chip.styl.js";import{Tooltip}from"../Tooltip/Tooltip.js";import{Icon}from"../Icon/Icon.js";function Chip({children:o,className:e,selected:s,onRemove:t,onClick:i,removeTooltip:n,size:r="m"}){var c=jsx(Icon,{type:"close",size:r});return jsxs("div",{className:cn(S.chip,S["size_"+r],e,s&&S.selected),onClick:i,children:[jsx("span",{className:S.content,children:o}),t&&jsx(Button,{round:!0,square:!0,variant:"clear",size:r,className:S.remove,onClick:o=>{o.stopPropagation(),t()},children:n?jsx(Tooltip,{content:n,children:c}):c})]})}export{Chip};
-//# sourceMappingURL=Chip.js.map
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'classnames';
+import { Button } from '../Button/Button.js';
+import S from './Chip.styl.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { Icon } from '../Icon/Icon.js';
+
+function Chip({ children, className, selected, onRemove, onClick, removeTooltip, size = 'm', }) {
+    const closeIcon = jsx(Icon, { type: "close", size: size });
+    return (jsxs("div", { className: cn(S.chip, S[`size_${size}`], className, selected && S.selected), onClick: onClick, children: [jsx("span", { className: S.content, children: children }), onRemove && (jsx(Button, { round: true, square: true, variant: "clear", size: size, className: S.remove, onClick: e => {
+                    e.stopPropagation();
+                    onRemove();
+                }, children: removeTooltip ? (jsx(Tooltip, { content: removeTooltip, children: closeIcon })) : (closeIcon) }))] }));
+}
+
+export { Chip };

package/dist/esm/src/components/Chip/Chip.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);cursor:pointer;display:inline-flex;gap:2px;transition:background .2s ease}.Chip_chip__DXD0C:hover{background:var(--accent-color-alpha-200)}.Chip_size_xs__IbN1f{border-radius:var(--p-1);font-size:14px;padding-left:var(--p-1)}.Chip_size_s__ERE3z{border-radius:var(--p-3);font-size:18px;padding-left:var(--p-3)}.Chip_size_m__F2Bbw{border-radius:var(--p-5);font-size:22px;padding-left:var(--p-5)}.Chip_size_l__YgtcF{border-radius:var(--p-8);font-size:26px;padding-left:var(--p-8)}.Chip_size_xl__-sKg7{border-radius:var(--p-10);font-size:26px;padding-left:var(--p-10)}.Chip_selected__UcBat,.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA,.Chip_remove__vqyOL{align-items:center;display:flex}.Chip_remove__vqyOL{justify-content:center;opacity:.3;transform:scale(.6);transition:opacity .2s ease,transform .1s ease}.Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}",S={chip:"Chip_chip__DXD0C",size_xs:"Chip_size_xs__IbN1f",size_s:"Chip_size_s__ERE3z",size_m:"Chip_size_m__F2Bbw",size_l:"Chip_size_l__YgtcF",size_xl:"Chip_size_xl__-sKg7",selected:"Chip_selected__UcBat",content:"Chip_content__2xloA",remove:"Chip_remove__vqyOL"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Chip.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);cursor:pointer;display:inline-flex;gap:2px;transition:background .2s ease}.Chip_chip__DXD0C:hover{background:var(--accent-color-alpha-200)}.Chip_size_xs__IbN1f{border-radius:var(--p-1);font-size:14px;padding-left:var(--p-1)}.Chip_size_s__ERE3z{border-radius:var(--p-3);font-size:18px;padding-left:var(--p-3)}.Chip_size_m__F2Bbw{border-radius:var(--p-5);font-size:22px;padding-left:var(--p-5)}.Chip_size_l__YgtcF{border-radius:var(--p-8);font-size:26px;padding-left:var(--p-8)}.Chip_size_xl__-sKg7{border-radius:var(--p-10);font-size:26px;padding-left:var(--p-10)}.Chip_selected__UcBat,.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA,.Chip_remove__vqyOL{align-items:center;display:flex}.Chip_remove__vqyOL{justify-content:center;opacity:.3;transform:scale(.6);transition:opacity .2s ease,transform .1s ease}.Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}";
+var S = {"chip":"Chip_chip__DXD0C","size_xs":"Chip_size_xs__IbN1f","size_s":"Chip_size_s__ERE3z","size_m":"Chip_size_m__F2Bbw","size_l":"Chip_size_l__YgtcF","size_xl":"Chip_size_xl__-sKg7","selected":"Chip_selected__UcBat","content":"Chip_content__2xloA","remove":"Chip_remove__vqyOL"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Container/Container.js

@@ -1,2 +1,13 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./Container.styl.js";import{forwardRef}from"react";const Container=forwardRef((e,r)=>{const{className:t,children:l,size:s,alignItemsCenter:n,justifyContentCenter:o,vertical:i,fullHeight:a,fullWidth:c,scrolledX:f,scrolledY:m,style:d,...C}=e;var e=cn(S.root,s&&S["size-"+s],n&&S.alignItemsCenter,o&&S.justifyContentCenter,i&&S.vertical,f&&S.scrolledX,m&&S.scrolledY,a&&S.fullHeight,c&&S.fullWidth,t),u={...d};return jsx("div",{className:e,...C,style:u,ref:r,children:l})});export{Container};
-//# sourceMappingURL=Container.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './Container.styl.js';
+import { forwardRef } from 'react';
+
+const Container = forwardRef((props, ref) => {
+    const { className, children, size, alignItemsCenter, justifyContentCenter, vertical, fullHeight, fullWidth, scrolledX, scrolledY, style, ...rest } = props;
+    const classes = cn(S.root, size && S[`size-${size}`], alignItemsCenter && S.alignItemsCenter, justifyContentCenter && S.justifyContentCenter, vertical && S.vertical, scrolledX && S.scrolledX, scrolledY && S.scrolledY, fullHeight && S.fullHeight, fullWidth && S.fullWidth, className);
+    const stylesObj = { ...style };
+    return (jsx("div", { className: classes, ...rest, style: stylesObj, ref: ref, children: children }));
+});
+
+export { Container };

package/dist/esm/src/components/Container/Container.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Container_root__ZumTN{display:flex;margin:0 auto}@media (min-width:var(--tablet )){.Container_root__ZumTN{padding:var(--p-5)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--p-8)}}.Container_size-xs__jhUDN{padding:var(--p-2)}.Container_size-s__zyPBS{padding:var(--p-3)}.Container_size-m__MGaiX{padding:var(--p-5)}.Container_size-l__hHWPx{padding:var(--p-8)}.Container_size-xl__1X88n{padding:50px}.Container_vertical__Xzag9{flex-direction:column}.Container_justifyContentCenter__t2p2K{justify-content:center}.Container_alignItemsCenter__gVolL{align-items:center}.Container_fullHeight__5dBZa{height:100%;width:100%}.Container_fullWidth__javSY{width:100%}.Container_scrolledX__FFZpZ{overflow-x:auto}.Container_scrolledY__0HKdO{overflow-y:auto}",S={root:"Container_root__ZumTN","size-xs":"Container_size-xs__jhUDN","size-s":"Container_size-s__zyPBS","size-m":"Container_size-m__MGaiX","size-l":"Container_size-l__hHWPx","size-xl":"Container_size-xl__1X88n",vertical:"Container_vertical__Xzag9",justifyContentCenter:"Container_justifyContentCenter__t2p2K",alignItemsCenter:"Container_alignItemsCenter__gVolL",fullHeight:"Container_fullHeight__5dBZa",fullWidth:"Container_fullWidth__javSY",scrolledX:"Container_scrolledX__FFZpZ",scrolledY:"Container_scrolledY__0HKdO"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Container.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Container_root__ZumTN{display:flex;margin:0 auto}@media (min-width:var(--tablet )){.Container_root__ZumTN{padding:var(--p-5)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--p-8)}}.Container_size-xs__jhUDN{padding:var(--p-2)}.Container_size-s__zyPBS{padding:var(--p-3)}.Container_size-m__MGaiX{padding:var(--p-5)}.Container_size-l__hHWPx{padding:var(--p-8)}.Container_size-xl__1X88n{padding:50px}.Container_vertical__Xzag9{flex-direction:column}.Container_justifyContentCenter__t2p2K{justify-content:center}.Container_alignItemsCenter__gVolL{align-items:center}.Container_fullHeight__5dBZa{height:100%;width:100%}.Container_fullWidth__javSY{width:100%}.Container_scrolledX__FFZpZ{overflow-x:auto}.Container_scrolledY__0HKdO{overflow-y:auto}";
+var S = {"root":"Container_root__ZumTN","size-xs":"Container_size-xs__jhUDN","size-s":"Container_size-s__zyPBS","size-m":"Container_size-m__MGaiX","size-l":"Container_size-l__hHWPx","size-xl":"Container_size-xl__1X88n","vertical":"Container_vertical__Xzag9","justifyContentCenter":"Container_justifyContentCenter__t2p2K","alignItemsCenter":"Container_alignItemsCenter__gVolL","fullHeight":"Container_fullHeight__5dBZa","fullWidth":"Container_fullWidth__javSY","scrolledX":"Container_scrolledX__FFZpZ","scrolledY":"Container_scrolledY__0HKdO"};
+styleInject(css_248z);
+
+export { S as default };