@homecode/ui 4.18.16 → 4.18.17

package/dist/esm/index.js

@@ -1,2 +1,83 @@
-export{AssistiveText}from"./src/components/AssistiveText/AssistiveText.js";export{Button}from"./src/components/Button/Button.js";export{ButtonGroup}from"./src/components/ButtonGroup/ButtonGroup.js";export{Calendar}from"./src/components/Calendar/Calendar.js";export{Checkbox}from"./src/components/Checkbox/Checkbox.js";export{Container}from"./src/components/Container/Container.js";export{DatePicker}from"./src/components/DatePicker/DatePicker.js";export{DatePickerInput}from"./src/components/DatePickerInput/DatePickerInput.js";export{DateTime,formatDate}from"./src/components/DateTime/DateTime.js";export{Draggable}from"./src/components/Draggable/Draggable.js";export{Expand}from"./src/components/Expand/Expand.js";export{Form}from"./src/components/Form/Form.js";export{Gallery}from"./src/components/Gallery/Gallery.js";export{Heading}from"./src/components/Heading/Heading.js";export{Icon,icons}from"./src/components/Icon/Icon.js";export{Input}from"./src/components/Input/Input.js";export{InputFile}from"./src/components/InputFile/InputFile.js";export{Label}from"./src/components/Label/Label.js";export{Lazy}from"./src/components/Lazy/Lazy.js";export{LightBox}from"./src/components/LightBox/LightBox.js";export{Notifications,NotificationsStore}from"./src/components/Notifications/Notifications.js";export{Paranja}from"./src/components/Paranja/Paranja.js";export{ANIMATION_DURATION,Popup}from"./src/components/Popup/Popup.js";export{Portal}from"./src/components/Portal/Portal.js";export{PopupMenu}from"./src/components/PopupMenu/PopupMenu.js";export{Router,RouterContext,RouterStore}from"./src/components/Router/Router.js";export{RequiredStar}from"./src/components/RequiredStar/RequiredStar.js";export{Select,SelectHelpers}from"./src/components/Select/Select.js";export{Scroll}from"./src/components/Scroll/Scroll.js";export{Spinner}from"./src/components/Spinner/Spinner.js";export{Table}from"./src/components/Table/Table.js";export{Tabs}from"./src/components/Tabs/Tabs.js";export{H1,H2,H3,H4,H5,H6}from"./src/components/Text/Text.js";export{Theme}from"./src/components/Theme/Theme.js";export{VH}from"./src/components/VH/VH.js";export{default as Virtualized}from"./src/components/Virtualized/Virtualized.js";export{default as VirtualizedList}from"./src/components/Virtualized/List/List.js";export{default as VirtualizedListScroll}from"./src/components/Virtualized/List/ListScroll.js";import*as Virtualized_types from"./src/components/Virtualized/Virtualized.types.js";import*as i18n from"./src/services/i18n.js";import*as env from"./src/tools/env.js";export{config}from"./src/tools/config.js";import*as array from"./src/tools/array.js";import*as date from"./src/tools/date.js";import*as string from"./src/tools/string.js";import*as number from"./src/tools/number.js";import*as object from"./src/tools/object.js";import*as file from"./src/tools/file.js";import*as uid from"./src/tools/uid.js";import*as dom from"./src/tools/dom.js";export{default as rangeMap}from"./src/tools/rangeMap.js";import*as scroll from"./src/tools/scroll.js";export{default as throttle}from"./src/tools/throttle.js";export{default as debounce}from"./src/tools/debounce.js";export{default as LS}from"./src/tools/localStorage.js";import*as resizeObserver from"./src/tools/resizeObserver.js";import*as queryParams from"./src/tools/queryParams.js";import*as Form_types from"./src/components/Form/Form.types.js";export{SubmitButtons}from"./src/components/Form/SubmitButtons/SubmitButtons.js";import*as InputFile_types from"./src/components/InputFile/InputFile.types.js";export{Route}from"./src/components/Router/Route.js";export{Redirect}from"./src/components/Router/Redirect.js";export{Link}from"./src/components/Router/Link/Link.js";import*as Theme_helpers from"./src/components/Theme/Theme.helpers.js";import*as Theme_defaults from"./src/components/Theme/Theme.defaults.js";export{Virtualized_types as VirtualizedTypes,i18n,env,array,date,string,number,object,file,uid,dom,scroll,resizeObserver,queryParams,Form_types as FormTypes,InputFile_types as InputFileTypes,Theme_helpers as ThemeHelpers,Theme_defaults as ThemeDefaults};
-//# sourceMappingURL=index.js.map
+export { AssistiveText } from './src/components/AssistiveText/AssistiveText.js';
+export { Button } from './src/components/Button/Button.js';
+export { ButtonGroup } from './src/components/ButtonGroup/ButtonGroup.js';
+export { Calendar } from './src/components/Calendar/Calendar.js';
+export { Checkbox } from './src/components/Checkbox/Checkbox.js';
+export { Container } from './src/components/Container/Container.js';
+export { DatePicker } from './src/components/DatePicker/DatePicker.js';
+export { DatePickerInput } from './src/components/DatePickerInput/DatePickerInput.js';
+export { DateTime, formatDate } from './src/components/DateTime/DateTime.js';
+export { Draggable } from './src/components/Draggable/Draggable.js';
+export { Expand } from './src/components/Expand/Expand.js';
+export { Form } from './src/components/Form/Form.js';
+export { Gallery } from './src/components/Gallery/Gallery.js';
+export { Heading } from './src/components/Heading/Heading.js';
+export { Icon, icons } from './src/components/Icon/Icon.js';
+export { Input } from './src/components/Input/Input.js';
+export { InputFile } from './src/components/InputFile/InputFile.js';
+export { Label } from './src/components/Label/Label.js';
+export { Lazy } from './src/components/Lazy/Lazy.js';
+export { LightBox } from './src/components/LightBox/LightBox.js';
+export { Notifications, NotificationsStore } from './src/components/Notifications/Notifications.js';
+export { Paranja } from './src/components/Paranja/Paranja.js';
+export { ANIMATION_DURATION, Popup } from './src/components/Popup/Popup.js';
+export { Portal } from './src/components/Portal/Portal.js';
+export { PopupMenu } from './src/components/PopupMenu/PopupMenu.js';
+export { Router, RouterContext, RouterStore } from './src/components/Router/Router.js';
+export { RequiredStar } from './src/components/RequiredStar/RequiredStar.js';
+export { Select, SelectHelpers } from './src/components/Select/Select.js';
+export { Scroll } from './src/components/Scroll/Scroll.js';
+export { Spinner } from './src/components/Spinner/Spinner.js';
+export { Table } from './src/components/Table/Table.js';
+export { Tabs } from './src/components/Tabs/Tabs.js';
+export { H1, H2, H3, H4, H5, H6 } from './src/components/Text/Text.js';
+export { Theme } from './src/components/Theme/Theme.js';
+export { VH } from './src/components/VH/VH.js';
+export { default as Virtualized } from './src/components/Virtualized/Virtualized.js';
+export { default as VirtualizedList } from './src/components/Virtualized/List/List.js';
+export { default as VirtualizedListScroll } from './src/components/Virtualized/List/ListScroll.js';
+import * as Virtualized_types from './src/components/Virtualized/Virtualized.types.js';
+export { Virtualized_types as VirtualizedTypes };
+import * as i18n from './src/services/i18n.js';
+export { i18n };
+import * as env from './src/tools/env.js';
+export { env };
+export { config } from './src/tools/config.js';
+import * as array from './src/tools/array.js';
+export { array };
+import * as date from './src/tools/date.js';
+export { date };
+import * as string from './src/tools/string.js';
+export { string };
+import * as number from './src/tools/number.js';
+export { number };
+import * as object from './src/tools/object.js';
+export { object };
+import * as file from './src/tools/file.js';
+export { file };
+import * as uid from './src/tools/uid.js';
+export { uid };
+import * as dom from './src/tools/dom.js';
+export { dom };
+export { default as rangeMap } from './src/tools/rangeMap.js';
+import * as scroll from './src/tools/scroll.js';
+export { scroll };
+export { default as throttle } from './src/tools/throttle.js';
+export { default as debounce } from './src/tools/debounce.js';
+export { default as LS } from './src/tools/localStorage.js';
+import * as resizeObserver from './src/tools/resizeObserver.js';
+export { resizeObserver };
+import * as queryParams from './src/tools/queryParams.js';
+export { queryParams };
+import * as Form_types from './src/components/Form/Form.types.js';
+export { Form_types as FormTypes };
+export { SubmitButtons } from './src/components/Form/SubmitButtons/SubmitButtons.js';
+import * as InputFile_types from './src/components/InputFile/InputFile.types.js';
+export { InputFile_types as InputFileTypes };
+export { Route } from './src/components/Router/Route.js';
+export { Redirect } from './src/components/Router/Redirect.js';
+export { Link } from './src/components/Router/Link/Link.js';
+import * as Theme_helpers from './src/components/Theme/Theme.helpers.js';
+export { Theme_helpers as ThemeHelpers };
+import * as Theme_defaults from './src/components/Theme/Theme.defaults.js';
+export { Theme_defaults as ThemeDefaults };

package/dist/esm/node_modules/style-inject/dist/style-inject.es.js

@@ -1,2 +1,28 @@
-function styleInject(e,t){var d,n,t=(t=void 0===t?{}:t).insertAt;e&&"undefined"!=typeof document&&(d=document.head||document.getElementsByTagName("head")[0],(n=document.createElement("style")).type="text/css","top"===t&&d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e)))}export{styleInject as default};
-//# sourceMappingURL=style-inject.es.js.map
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };

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

@@ -1,2 +1,10 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./AssistiveText.styl.js";function AssistiveText(s){const{className:t,size:e="m",variant:i="default",children:r,...a}=s;return jsx("div",{className:cn(S.root,S["size-"+e],S["variant-"+i],t),...a,children:r})}export{AssistiveText};
-//# sourceMappingURL=AssistiveText.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './AssistiveText.styl.js';
+
+function AssistiveText(props) {
+    const { className, size = 'm', variant = 'default', children, ...rest } = props;
+    return (jsx("div", { className: cn(S.root, S[`size-${size}`], S[`variant-${variant}`], className), ...rest, children: children }));
+}
+
+export { AssistiveText };

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

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".AssistiveText_root__OI3ju{font-size:80%;line-height:1.5em;margin-bottom:.2em}.AssistiveText_size-s__gsuS-{padding:0 8px}.AssistiveText_size-m__PDlkc{padding:0 12px}.AssistiveText_size-l__D-9pQ{padding:0 14px}.AssistiveText_variant-danger__N8sGS{color:var(--danger-color)}",S={root:"AssistiveText_root__OI3ju","size-s":"AssistiveText_size-s__gsuS-","size-m":"AssistiveText_size-m__PDlkc","size-l":"AssistiveText_size-l__D-9pQ","variant-danger":"AssistiveText_variant-danger__N8sGS"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=AssistiveText.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".AssistiveText_root__OI3ju{font-size:80%;line-height:1.5em;margin-bottom:.2em}.AssistiveText_size-s__gsuS-{padding:0 8px}.AssistiveText_size-m__PDlkc{padding:0 12px}.AssistiveText_size-l__D-9pQ{padding:0 14px}.AssistiveText_variant-danger__N8sGS{color:var(--danger-color)}";
+var S = {"root":"AssistiveText_root__OI3ju","size-s":"AssistiveText_size-s__gsuS-","size-m":"AssistiveText_size-m__PDlkc","size-l":"AssistiveText_size-l__D-9pQ","variant-danger":"AssistiveText_variant-danger__N8sGS"};
+styleInject(css_248z);
+
+export { S as default };

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:t,checked:n,square:r,onMouseUp:o,children:a,type:i="button",variant:c="default",size:l="m",prefixElem:u,postfixElem:m,onRef:p,...f}=e,d=e["disabled"];e=cn(S.root,S["size-"+l],S["variant-"+c],t&&S.loading,n&&S.checked,r&&S.square,s);const[x,j]=useState(null);var b=useCallback(e=>{p&&p(e),j(e)},[]);return f.onMouseUp=useCallback(e=>{o&&o(e),focusOnClick(x)},[o,x]),d&&(f.tabIndex=-1),useEffect(()=>{var e=document.activeElement;d&&e&&x&&x===e&&e?.blur()},[d]),jsxs("button",{className:e,...f,type:i,ref:b,children:[u&&jsx("div",{className:S.prefix,children:u}),"string"==typeof a?jsx("span",{children:a}):a,m&&jsx("div",{className:S.postfix,children:m}),t&&jsx(Spinner,{className:cn(S.spinner,S.postfix),size:l})]})}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, 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, 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,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-300)}.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:hover{background-color:var(--accent-color);box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color-alpha-900)}.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-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover{background-color:var(--active-color-alpha-300)}.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{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.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(--indent-s)}",S={root:"Button_root__SZns2",loading:"Button_loading__c4pdo",checked:"Button_checked__X7f58",prefix:"Button_prefix__czqd5",postfix:"Button_postfix__DwG-n","size-s":"Button_size-s__-SIY1",square:"Button_square__eYSY3","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI",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,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-300)}.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:hover{background-color:var(--accent-color);box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color-alpha-900)}.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-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover{background-color:var(--active-color-alpha-300)}.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{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.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(--indent-s)}";
+var S = {"root":"Button_root__SZns2","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-s":"Button_size-s__-SIY1","square":"Button_square__eYSY3","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","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,66 @@
-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";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:s}=e;return jsx("div",{...a,children:e},r+`-${s}-`+e)};function Calendar({className:e,value:r,onDayPointerDown:s,onDayPointerUp:t,renderDay:n,renderWeekDayLabel:l,renderMonthLabel:o,renderMonthesLabel:a,renderYearLabel:i,startOfWeek:m=1,weekendClassName:d,hideOtherMonthDays:u,isDayDisabled:c,size:y}){var h=useMemo(()=>valueToDate(r),[r]);const[D,M]=useState(h.getMonth()+1),[p,N]=useState(h.getFullYear());var h=useMemo(()=>getWeekDaysArray(m),[m]),b=useMemo(()=>getDaysArray(p,D,m),[m,D,p]),j=useMemo(()=>MONTHS.map((e,a)=>({id:a+1,label:o?.(a+1)??e})),[o]),v=useCallback((e,a)=>{4===String(a).length?N(Math.max(MIN_YEAR,a)):N(a)},[]),e=cn(S.root,S["size-"+y],e,u&&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:y,label:i?.(p)??"Year",value:p,onChange:v,onBlur:()=>{p<MIN_YEAR&&N(MIN_YEAR)}}),jsx(Select,{className:S.month,size:y,label:a?.(D)??"Month",options:j,value:D,onChange:e=>M(e),required:!0,hideRequiredStar:!0})]}),jsx("div",{className:S.weekDays,children:h.map((e,a)=>jsx("div",{className:cn(S.day,isWeekend(a)&&d),children:l?.(e)??weekDays[e]},"weekday-"+e))}),jsx("div",{className:S.days,children:b.map((e,a)=>{a={className:cn(S.day,e.currentMonth&&S.currMonth,isWeekend(a)&&d,isSameDay(e,r)&&S.selected,c?.(e)&&S.disabled)};return s&&(a.onPointerDown=()=>s(e)),t&&(a.onPointerUp=()=>t(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';
+
+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 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, 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-s__MFLPb{font-size:.5em}.Calendar_size-m__IGeoI{font-size:.75em}.Calendar_size-l__a2zct{font-size:1em}.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(--indent-s)}.Calendar_weekDays__Pglyw{align-items:center;color:var(--accent-color-alpha-500);display:flex;font-size:.75em;margin-top:var(--indent-s);width:100%}.Calendar_weekDays__Pglyw .Calendar_day__A3NG-{padding:1.5em 0}.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_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{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-s__MFLPb .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-s__MFLPb .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-s__MFLPb .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_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}",S={"size-s":"Calendar_size-s__MFLPb","size-m":"Calendar_size-m__IGeoI","size-l":"Calendar_size-l__a2zct",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-"};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-s__MFLPb{font-size:.5em}.Calendar_size-m__IGeoI{font-size:.75em}.Calendar_size-l__a2zct{font-size:1em}.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(--indent-s)}.Calendar_weekDays__Pglyw{align-items:center;color:var(--accent-color-alpha-500);display:flex;font-size:.75em;margin-top:var(--indent-s);width:100%}.Calendar_weekDays__Pglyw .Calendar_day__A3NG-{padding:1.5em 0}.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_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{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-s__MFLPb .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-s__MFLPb .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-s__MFLPb .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_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}";
+var S = {"size-s":"Calendar_size-s__MFLPb","size-m":"Calendar_size-m__IGeoI","size-l":"Calendar_size-l__a2zct","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-"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -1,2 +1,48 @@
-import{jsxs,jsx}from"react/jsx-runtime";import{Component}from"react";import cn from"classnames";import{createStore}from"justorm/react";import{Icon}from"../Icon/Icon.js";import{generateUID}from"../../tools/uid.js";import S from"./Checkbox.styl.js";class Checkbox extends Component{id;store;static defaultProps={size:"m",variant:"default",label:"",checked:!1};constructor(s){super(s),this.id=s.id||generateUID(),this.store=createStore(this,{isActive:!1,isFocused:!1})}onMouseDown=()=>{this.store.isActive=!0};onMouseUp=()=>{this.store.isActive=!1};onFocus=s=>{var o=this.props["onFocus"];this.store.isFocused=!0,o?.(s)};onBlur=s=>{var o=this.props["onBlur"];this.store.isFocused=!1,o?.(s)};render(){const{className:s,label:o,size:e,variant:t,error:r,...i}=this.props;var{checked:c,disabled:n}=i,{isActive:a,isFocused:h}=this.store,c=cn(S.root,S["size-"+e],S["variant-"+t],c&&S.checked,n&&S.disabled,r&&S.hasError,a&&S.isActive,h&&S.isFocused,s);return jsxs("label",{className:c,onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,children:[jsxs("div",{className:S.controlWrapper,children:[jsx("input",{className:S.control,...i,onFocus:this.onFocus,onBlur:this.onBlur,id:this.id,type:"checkbox",tabIndex:0}),jsx(Icon,{type:"check",className:S.checkmark,size:e})]}),o]})}}export{Checkbox};
-//# sourceMappingURL=Checkbox.js.map
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import cn from 'classnames';
+import { createStore } from 'justorm/react';
+import { Icon } from '../Icon/Icon.js';
+import { generateUID } from '../../tools/uid.js';
+import S from './Checkbox.styl.js';
+
+class Checkbox extends Component {
+    id;
+    store;
+    static defaultProps = {
+        size: 'm',
+        variant: 'default',
+        label: '',
+        checked: false,
+    };
+    constructor(props) {
+        super(props);
+        this.id = props.id || generateUID();
+        this.store = createStore(this, { isActive: false, isFocused: false });
+    }
+    onMouseDown = () => {
+        this.store.isActive = true;
+    };
+    onMouseUp = () => {
+        this.store.isActive = false;
+    };
+    onFocus = (e) => {
+        const { onFocus } = this.props;
+        this.store.isFocused = true;
+        onFocus?.(e);
+    };
+    onBlur = (e) => {
+        const { onBlur } = this.props;
+        this.store.isFocused = false;
+        onBlur?.(e);
+    };
+    render() {
+        const { className, label, size, variant, error, ...props } = this.props;
+        const { checked, disabled } = props;
+        const { isActive, isFocused } = this.store;
+        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, onMouseDown: this.onMouseDown, onMouseUp: this.onMouseUp, children: [jsxs("div", { className: S.controlWrapper, children: [jsx("input", { className: S.control, ...props, onFocus: this.onFocus, onBlur: this.onBlur, id: this.id, type: "checkbox", 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-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:30px;min-width:30px}.Checkbox_size-m__LCe6f{font-size:20px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:24px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:8px;min-height:50px;min-width:50px}",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-s":"Checkbox_size-s__T8-y2","size-m":"Checkbox_size-m__LCe6f","size-l":"Checkbox_size-l__U-WS4"};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-s__T8-y2{font-size:16px}.Checkbox_size-s__T8-y2 .Checkbox_controlWrapper__bHYKO{border-radius:4px;min-height:30px;min-width:30px}.Checkbox_size-m__LCe6f{font-size:20px}.Checkbox_size-m__LCe6f .Checkbox_controlWrapper__bHYKO{border-radius:6px;min-height:40px;min-width:40px}.Checkbox_size-l__U-WS4{font-size:24px}.Checkbox_size-l__U-WS4 .Checkbox_controlWrapper__bHYKO{border-radius:8px;min-height:50px;min-width:50px}";
+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-s":"Checkbox_size-s__T8-y2","size-m":"Checkbox_size-m__LCe6f","size-l":"Checkbox_size-l__U-WS4"};
+styleInject(css_248z);
+
+export { S as default };

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

@@ -1,2 +1,12 @@
-import{jsx}from"react/jsx-runtime";import cn from"classnames";import S from"./Container.styl.js";function Container(e){const{className:t,children:l,size:r,alignItemsCenter:n,justifyContentCenter:s,vertical:i,fullHeight:o,fullWidth:c,scrolledX:a,scrolledY:m,style:f,...d}=e;var e=cn(S.root,r&&S["size-"+r],n&&S.alignItemsCenter,s&&S.justifyContentCenter,i&&S.vertical,a&&S.scrolledX,m&&S.scrolledY,o&&S.fullHeight,c&&S.fullWidth,t),u={...f};return jsx("div",{className:e,...d,style:u,children:l})}export{Container};
-//# sourceMappingURL=Container.js.map
+import { jsx } from 'react/jsx-runtime';
+import cn from 'classnames';
+import S from './Container.styl.js';
+
+function Container(props) {
+    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, 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(--indent-m)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--indent-l)}}.Container_size-s__zyPBS{padding:var(--indent-s)}.Container_size-m__MGaiX{padding:var(--indent-m)}.Container_size-l__hHWPx{padding:var(--indent-l)}.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-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(--indent-m)}}@media (min-width:var(--desktop )){.Container_root__ZumTN{padding:var(--indent-l)}}.Container_size-s__zyPBS{padding:var(--indent-s)}.Container_size-m__MGaiX{padding:var(--indent-m)}.Container_size-l__hHWPx{padding:var(--indent-l)}.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-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 };

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

@@ -1,2 +1,31 @@
-function dateToString(e){return`${e.year}-${e.month}-`+e.day}function strigToDate(e){var[e,t,r]=e.split("-");return{year:Number(e),month:Number(t),day:Number(r)}}function isDateEqual(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}function isDateBefore(e,t){return e.year<t.year||e.year===t.year&&e.month<t.month||e.year===t.year&&e.month===t.month&&e.day<t.day}function isDateAfter(e,t){return isDateBefore(t,e)}function isDateBetween(e,t,r){return isDateAfter(e,t)&&isDateBefore(e,r)}export{dateToString,isDateAfter,isDateBefore,isDateBetween,isDateEqual,strigToDate};
-//# sourceMappingURL=DatePicker.helpers.js.map
+function dateToString(date) {
+    return `${date.year}-${date.month}-${date.day}`;
+}
+function strigToDate(dateString) {
+    const [year, month, day] = dateString.split('-');
+    return {
+        year: Number(year),
+        month: Number(month),
+        day: Number(day),
+    };
+}
+function isDateEqual(date1, date2) {
+    return (date1.year === date2.year &&
+        date1.month === date2.month &&
+        date1.day === date2.day);
+}
+function isDateBefore(date1, date2) {
+    return (date1.year < date2.year ||
+        (date1.year === date2.year && date1.month < date2.month) ||
+        (date1.year === date2.year &&
+            date1.month === date2.month &&
+            date1.day < date2.day));
+}
+function isDateAfter(date1, date2) {
+    return isDateBefore(date2, date1);
+}
+function isDateBetween(date, startDate, endDate) {
+    return isDateAfter(date, startDate) && isDateBefore(date, endDate);
+}
+
+export { dateToString, isDateAfter, isDateBefore, isDateBetween, isDateEqual, strigToDate };