@homecode/ui 5.1.8 → 5.1.9

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

@@ -1,112 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import cn from 'classnames';
-import { generateUID } from '../../tools/uid.js';
-import S from './DropZone.styl.js';
-
-function matchesAcceptPart(file, part) {
-    const p = part.trim().toLowerCase();
-    if (!p)
-        return false;
-    if (p.startsWith('.')) {
-        return file.name.toLowerCase().endsWith(p);
-    }
-    if (p.includes('/')) {
-        const t = file.type.toLowerCase();
-        if (p.endsWith('/*')) {
-            const prefix = p.slice(0, -1);
-            return t.startsWith(prefix);
-        }
-        return t === p;
-    }
-    return false;
-}
-function matchesAccept(file, accept) {
-    const trimmed = accept.trim();
-    if (!trimmed)
-        return true;
-    const parts = trimmed
-        .split(',')
-        .map(s => s.trim())
-        .filter(Boolean);
-    if (parts.length === 0)
-        return true;
-    return parts.some(part => matchesAcceptPart(file, part));
-}
-function DropZone(props) {
-    const { accept, label, error, disabled = false, ghost = false, id, className, } = props;
-    const [isDragging, setIsDragging] = useState(false);
-    const dropAreaRef = useRef(null);
-    const fallbackInputIdRef = useRef(generateUID());
-    const inputId = id ?? fallbackInputIdRef.current;
-    const handleDrop = useCallback((e) => {
-        e.preventDefault();
-        setIsDragging(false);
-        if (disabled)
-            return;
-        const list = Array.from(e.dataTransfer.files).filter(f => matchesAccept(f, accept));
-        if (props.multiple === true) {
-            if (list.length > 0) {
-                props.onFiles(list);
-            }
-        }
-        else {
-            const file = list[0];
-            if (file) {
-                props.onFile(file);
-            }
-        }
-    }, [accept, disabled, props]);
-    const handleFileInput = useCallback((e) => {
-        if (disabled)
-            return;
-        const raw = e.target.files;
-        if (!raw?.length)
-            return;
-        const list = Array.from(raw).filter(f => matchesAccept(f, accept));
-        if (props.multiple === true) {
-            if (list.length > 0) {
-                props.onFiles(list);
-            }
-        }
-        else {
-            const file = list[0];
-            if (file) {
-                props.onFile(file);
-            }
-        }
-        e.target.value = '';
-    }, [accept, disabled, props]);
-    useEffect(() => {
-        const dialog = dropAreaRef.current?.closest('[role="dialog"]');
-        const targetElement = dialog || document.body;
-        const handleGlobalDragOver = (e) => {
-            e.preventDefault();
-            setIsDragging(true);
-        };
-        const handleGlobalDragLeave = (e) => {
-            if (!e.relatedTarget ||
-                !targetElement.contains(e.relatedTarget)) {
-                setIsDragging(false);
-            }
-        };
-        const handleGlobalDrop = () => {
-            setIsDragging(false);
-        };
-        targetElement.addEventListener('dragover', handleGlobalDragOver);
-        targetElement.addEventListener('dragleave', handleGlobalDragLeave);
-        targetElement.addEventListener('drop', handleGlobalDrop);
-        return () => {
-            targetElement.removeEventListener('dragover', handleGlobalDragOver);
-            targetElement.removeEventListener('dragleave', handleGlobalDragLeave);
-            targetElement.removeEventListener('drop', handleGlobalDrop);
-        };
-    }, []);
-    const shouldShowDropArea = !ghost || isDragging;
-    const multiple = props.multiple === true;
-    return (jsxs("div", { className: cn(S.root, className), children: [shouldShowDropArea && (jsxs("div", { ref: dropAreaRef, className: cn(S.dropArea, isDragging && S.isDragging, disabled && S.disabled), onDrop: handleDrop, children: [jsx("input", { type: "file", accept: accept, multiple: multiple, onChange: handleFileInput, className: S.fileInput, id: inputId, disabled: disabled }), jsx("label", { htmlFor: inputId, className: S.label, style: {
-                            cursor: disabled ? 'not-allowed' : 'pointer',
-                        }, children: label })] })), error && jsx("div", { className: S.error, children: error })] }));
-}
-
-export { DropZone };
+import{jsxs,jsx}from"react/jsx-runtime";import{useState,useRef,useCallback,useEffect}from"react";import cn from"classnames";import{generateUID}from"../../tools/uid.js";import S from"./DropZone.styl.js";function matchesAcceptPart(e,t){var r,t=t.trim().toLowerCase();return!!t&&(t.startsWith(".")?e.name.toLowerCase().endsWith(t):!!t.includes("/")&&(e=e.type.toLowerCase(),t.endsWith("/*")?(r=t.slice(0,-1),e.startsWith(r)):e===t))}function matchesAccept(t,e){var e=e.trim();return!e||0===(e=e.split(",").map(e=>e.trim()).filter(Boolean)).length||e.some(e=>matchesAcceptPart(t,e))}function DropZone(r){const{accept:a,label:e,error:t,disabled:s=!1,ghost:l=!1,id:n,className:o}=r,[i,c]=useState(!1),m=useRef(null);var d=useRef(generateUID()),d=n??d.current,u=useCallback(e=>{e.preventDefault(),c(!1),s||(e=Array.from(e.dataTransfer.files).filter(e=>matchesAccept(e,a)),!0===r.multiple?0<e.length&&r.onFiles(e):(e=e[0])&&r.onFile(e))},[a,s,r]),p=useCallback(e=>{var t;s||(t=e.target.files)?.length&&(t=Array.from(t).filter(e=>matchesAccept(e,a)),!0===r.multiple?0<t.length&&r.onFiles(t):(t=t[0])&&r.onFile(t),e.target.value="")},[a,s,r]),f=(useEffect(()=>{const t=m.current?.closest('[role="dialog"]')||document.body,e=e=>{e.preventDefault(),c(!0)},r=e=>{e.relatedTarget&&t.contains(e.relatedTarget)||c(!1)},a=()=>{c(!1)};return t.addEventListener("dragover",e),t.addEventListener("dragleave",r),t.addEventListener("drop",a),()=>{t.removeEventListener("dragover",e),t.removeEventListener("dragleave",r),t.removeEventListener("drop",a)}},[]),!l||i),v=!0===r.multiple;return jsxs("div",{className:cn(S.root,o),children:[f&&jsxs("div",{ref:m,className:cn(S.dropArea,i&&S.isDragging,s&&S.disabled),onDrop:u,children:[jsx("input",{type:"file",accept:a,multiple:v,onChange:p,className:S.fileInput,id:d,disabled:s}),jsx("label",{htmlFor:d,className:S.label,style:{cursor:s?"not-allowed":"pointer"},children:e})]}),t&&jsx("div",{className:S.error,children:t})]})}export{DropZone};
+//# sourceMappingURL=DropZone.js.map

package/dist/esm/src/components/DropZone/DropZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".DropZone_root__gk-Ef{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__u-8Ye{background-color:var(--accent-color-alpha-100);border:2px dashed var(--decent-color-alpha-200);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__u-8Ye label:before{border-radius:var(--p-4);content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp,.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){border:2px dashed var(--active-color-alpha-500)}.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){background-color:var(--accent-color-alpha-50)}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-900)!important;display:flex;height:calc(100% - var(--p-2));justify-content:center;left:var(--p-1);position:fixed;top:var(--p-1);width:calc(100% - var(--p-2));z-index:9999}.DropZone_dropArea__u-8Ye.DropZone_disabled__qsAf6{cursor:not-allowed;opacity:.6}.DropZone_fileInput__E8DeE{display:none}.DropZone_label__u7-Pb{cursor:pointer}.DropZone_error__vSiwM{color:var(--danger-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}";
-var S = {"root":"DropZone_root__gk-Ef","dropArea":"DropZone_dropArea__u-8Ye","disabled":"DropZone_disabled__qsAf6","isDragging":"DropZone_isDragging__S-aQp","fileInput":"DropZone_fileInput__E8DeE","label":"DropZone_label__u7-Pb","error":"DropZone_error__vSiwM"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.DropZone_root__gk-Ef{display:flex;flex-direction:column;gap:var(--p-2)}.DropZone_dropArea__u-8Ye{background-color:var(--accent-color-alpha-100);border:2px dashed var(--decent-color-alpha-200);border-radius:var(--p-4);cursor:pointer;padding:var(--p-4);position:relative;text-align:center;transition:all .2s ease}.DropZone_dropArea__u-8Ye label:before{border-radius:var(--p-4);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp,.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){border:2px dashed var(--active-color-alpha-500)}.DropZone_dropArea__u-8Ye:hover:not(.DropZone_disabled__qsAf6){background-color:var(--accent-color-alpha-50)}.DropZone_dropArea__u-8Ye.DropZone_isDragging__S-aQp{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--decent-color-alpha-900)!important;display:flex;height:calc(100% - var(--p-2));justify-content:center;left:var(--p-1);position:fixed;top:var(--p-1);width:calc(100% - var(--p-2));z-index:9999}.DropZone_dropArea__u-8Ye.DropZone_disabled__qsAf6{cursor:not-allowed;opacity:.6}.DropZone_fileInput__E8DeE{display:none}.DropZone_label__u7-Pb{cursor:pointer}.DropZone_error__vSiwM{color:var(--danger-color);font-size:.875rem;padding:var(--p-1) var(--p-2)}',S={root:"DropZone_root__gk-Ef",dropArea:"DropZone_dropArea__u-8Ye",disabled:"DropZone_disabled__qsAf6",isDragging:"DropZone_isDragging__S-aQp",fileInput:"DropZone_fileInput__E8DeE",label:"DropZone_label__u7-Pb",error:"DropZone_error__vSiwM"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=DropZone.styl.js.map

package/dist/esm/src/components/DropZone/DropZone.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,24 +1,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
-import cn from 'classnames';
-import { Button } from '../Button/Button.js';
-import { Icon } from '../Icon/Icon.js';
-import S from './Expand.styl.js';
-
-function Expand(props) {
-    const { className, size = 'm', header, headerClassName, content, contentProps = {}, isOpen: initialOpen = false, onChange, } = props;
-    const [isOpen, setIsOpen] = useState(initialOpen);
-    const onHeaderClick = useCallback(() => {
-        const value = !isOpen;
-        setIsOpen(value);
-        onChange?.(value);
-    }, [isOpen]);
-    useEffect(() => {
-        setIsOpen(initialOpen);
-    }, [initialOpen]);
-    return (jsxs("div", { className: cn(S.root, isOpen && S.isOpen, className), children: [jsxs(Button, { variant: "clear", className: cn(S.header, headerClassName), size: size, onClick: onHeaderClick, children: [header, "\u00A0", jsx(Icon, { type: "chevronRight", size: size, className: S.headerIcon })] }), isOpen &&
-                // @ts-ignore
-                (content?.(contentProps) || jsx("div", { ...contentProps, children: content }))] }));
-}
-
-export { Expand };
+import{jsxs,jsx}from"react/jsx-runtime";import{useState,useCallback,useEffect}from"react";import cn from"classnames";import{Button}from"../Button/Button.js";import{Icon}from"../Icon/Icon.js";import S from"./Expand.styl.js";function Expand(e){const{className:s,size:t="m",header:n,headerClassName:a,content:o,contentProps:r={},isOpen:c=!1,onChange:i}=e,[m,l]=useState(c);e=useCallback(()=>{var e=!m;l(e),i?.(e)},[m]);return useEffect(()=>{l(c)},[c]),jsxs("div",{className:cn(S.root,m&&S.isOpen,s),children:[jsxs(Button,{variant:"clear",className:cn(S.header,a),size:t,onClick:e,children:[n," ",jsx(Icon,{type:"chevronRight",size:t,className:S.headerIcon})]}),m&&(o?.(r)||jsx("div",{...r,children:o}))]})}export{Expand};
+//# sourceMappingURL=Expand.js.map

package/dist/esm/src/components/Expand/Expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expand.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{transition:transform .2s ease-out}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:rotate(90deg)}";
-var S = {"root":"Expand_root__zxSvx","header":"Expand_header__LxAel","headerIcon":"Expand_headerIcon__CXlwY","isOpen":"Expand_isOpen__k6lyZ"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Expand_root__zxSvx{display:flex;flex-direction:column}.Expand_root__zxSvx+.Expand_root__zxSvx{margin-top:var(--p-3)}.Expand_header__LxAel{justify-content:space-between}.Expand_headerIcon__CXlwY{transition:transform .2s ease-out}.Expand_isOpen__k6lyZ .Expand_header__LxAel{background-color:var(--active-color-alpha-500)}.Expand_isOpen__k6lyZ .Expand_headerIcon__CXlwY{transform:rotate(90deg)}",S={root:"Expand_root__zxSvx",header:"Expand_header__LxAel",headerIcon:"Expand_headerIcon__CXlwY",isOpen:"Expand_isOpen__k6lyZ"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Expand.styl.js.map

package/dist/esm/src/components/Expand/Expand.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expand.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,24 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import S from './Flex.styl.js';
-
-const Flex = ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, width, height, ...props }) => {
-    return (jsx("div", { className: S.root, 
-        // {...props}
-        style: {
-            justifyContent,
-            alignItems,
-            flexDirection,
-            flexWrap,
-            flexGrow,
-            flexShrink,
-            flexBasis,
-            flex,
-            order,
-            alignSelf,
-            flexFlow,
-            width,
-            height,
-        }, children: children }));
-};
-
-export { Flex };
+import{jsx}from"react/jsx-runtime";import S from"./Flex.styl.js";const Flex=({children:e,justifyContent:l,alignItems:i,flexDirection:t,flexWrap:r,flexGrow:x,flexShrink:f,flexBasis:o,flex:s,order:n,alignSelf:a,flexFlow:h,width:m,height:c})=>jsx("div",{className:S.root,style:{justifyContent:l,alignItems:i,flexDirection:t,flexWrap:r,flexGrow:x,flexShrink:f,flexBasis:o,flex:s,order:n,alignSelf:a,flexFlow:h,width:m,height:c},children:e});export{Flex};
+//# sourceMappingURL=Flex.js.map

package/dist/esm/src/components/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Flex_root__1yZ2z{display:flex}";
-var S = {"root":"Flex_root__1yZ2z"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Flex_root__1yZ2z{display:flex}",S={root:"Flex_root__1yZ2z"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Flex.styl.js.map

package/dist/esm/src/components/Flex/Flex.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,42 +1,2 @@
-import compare from 'compareq';
-import { clone } from '../../tools/object.js';
-
-function patchWithCustomMessages(checkRes, validationSchema) {
-    return checkRes.reduce((acc, { field, ...rest }) => {
-        const customMessage = validationSchema[field]?.message ??
-            validationSchema[field]?.messages?.[rest.type];
-        if (customMessage)
-            rest.message = customMessage;
-        return { ...acc, [field]: rest };
-    }, {});
-}
-function dropFocusFromSubmit() {
-    const focusedSubmit = document.querySelector('button[type=submit]:focus');
-    focusedSubmit?.blur(); // eslint-disable-line
-}
-function getInitialTouched(initialValues) {
-    return Object.keys(initialValues).reduce((acc, name) => ({ ...acc, [name]: false }), {});
-}
-function getChanged(_defaultValues, values) {
-    const defaultValues = _defaultValues || values;
-    return Object.entries(values).reduce((acc, [field, val]) => compare(defaultValues[field], val) ? acc : { ...acc, [field]: true }, {});
-}
-function getVal(e, val, valField) {
-    if (val !== undefined)
-        return val;
-    return e?.target ? e.target[valField] : e;
-}
-function cloneValue(val) {
-    if (typeof val === 'object' && val !== null) {
-        // date
-        if (val?._isAMomentObject)
-            return val.clone();
-        return clone(val);
-    }
-    return val;
-}
-function cloneValues(values) {
-    return Object.entries(values).reduce((acc, [name, val]) => ({ ...acc, [name]: cloneValue(val) }), {});
-}
-
-export { cloneValues, dropFocusFromSubmit, getChanged, getInitialTouched, getVal, patchWithCustomMessages };
+import compare from"compareq";import{clone}from"../../tools/object.js";function patchWithCustomMessages(e,r){return e.reduce((e,{field:t,...o})=>{var n=r[t]?.message??r[t]?.messages?.[o.type];return n&&(o.message=n),{...e,[t]:o}},{})}function dropFocusFromSubmit(){document.querySelector("button[type=submit]:focus")?.blur()}function getInitialTouched(e){return Object.keys(e).reduce((e,t)=>({...e,[t]:!1}),{})}function getChanged(e,t){const n=e||t;return Object.entries(t).reduce((e,[t,o])=>compare(n[t],o)?e:{...e,[t]:!0},{})}function getVal(e,t,o){return void 0!==t?t:e?.target?e.target[o]:e}function cloneValue(e){return"object"==typeof e&&null!==e?e?._isAMomentObject?e.clone():clone(e):e}function cloneValues(e){return Object.entries(e).reduce((e,[t,o])=>({...e,[t]:cloneValue(o)}),{})}export{cloneValues,dropFocusFromSubmit,getChanged,getInitialTouched,getVal,patchWithCustomMessages};
+//# sourceMappingURL=Form.helpers.js.map

package/dist/esm/src/components/Form/Form.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.helpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,272 +1,2 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import cn from 'classnames';
-import compare from 'compareq';
-import { Input } from '../Input/Input.js';
-import S from './Form.styl.js';
-import { cloneValues, getInitialTouched, getChanged, patchWithCustomMessages, dropFocusFromSubmit, getVal } from './Form.helpers.js';
-import { Validator } from './Validator.js';
-import '../Spinner/Spinner.styl.js';
-import '../Button/Button.styl.js';
-import './SubmitButtons/SubmitButtons.styl.js';
-
-const Field = function Field(props) {
-    const { value, error, markEdited, isChanged, isTouched, clearMargins, component: Control = Input, className, onChange, onBlur, handleChange, handleBlur, children, disableErrorReporting, ...controlProps } = props;
-    const { name, isHidden } = controlProps;
-    const valField = typeof value === 'boolean' ? 'checked' : 'value';
-    const classes = cn(className, S.field, isHidden && S.hidden, clearMargins && S.clearMargins, markEdited && isChanged && S.changed);
-    function handleFieldChange(e, val) {
-        const v = getVal(e, val, valField);
-        if (onChange && onChange(e, v) === false)
-            return;
-        handleChange(name, v);
-    }
-    function handleFieldBlur(e) {
-        if (onBlur && onBlur(e) === false)
-            return;
-        handleBlur(name);
-    }
-    Object.assign(controlProps, {
-        name,
-        [valField]: value,
-        onChange: handleFieldChange,
-        onBlur: handleFieldBlur,
-        error: disableErrorReporting ? undefined : isTouched && error?.message,
-    });
-    return (jsxs("div", { className: classes, children: [jsx(Control, { ...controlProps }), children] }));
-};
-function Form(props) {
-    const { className, children, initialValues = {}, validationSchema, defaultDisabled = {}, defaultValues, markEdited, disableErrorReporting, onInit, onChange, onSubmit, ...restProps } = props;
-    const validationSchemaRef = useRef(validationSchema);
-    const defaultValuesRef = useRef({});
-    // Update default values helper
-    const updateDefaultValues = (propsToUse = props) => {
-        const { defaultValues: dv, initialValues: iv } = propsToUse;
-        return dv || cloneValues(iv);
-    };
-    // Initialize default values
-    defaultValuesRef.current = updateDefaultValues();
-    // Separate states
-    const [values, _setValues] = useState(() => cloneValues(initialValues));
-    const [touched, _setTouched] = useState(() => getInitialTouched(initialValues));
-    const [changed, _setChanged] = useState({});
-    const [disabled, setDisabled] = useState(() => ({ ...defaultDisabled }));
-    const [isLoading, setIsLoading] = useState(false);
-    const [isDirty, setIsDirty] = useState(false);
-    const [isValid, setIsValid] = useState(true);
-    const [errors, _setErrors] = useState({});
-    const [isEmpty, setIsEmpty] = useState(() => Object.keys(getChanged(defaultValuesRef.current, initialValues))
-        .length === 0);
-    // Refs for stable handlers
-    const valuesRef = useRef(values);
-    const changedRef = useRef(changed);
-    const touchedRef = useRef(touched);
-    const errorsRef = useRef(errors);
-    const onChangeRef = useRef(onChange);
-    const onChangeHandlerRef = useRef(null); // Add this
-    const onBlurHandlerRef = useRef(null); // Add this
-    const setValues = (newValues) => {
-        _setValues(newValues);
-        valuesRef.current = newValues;
-    };
-    const setValue = (field, val) => {
-        setValues({ ...valuesRef.current, [field]: val });
-    };
-    const setErrors = (newErrors) => {
-        _setErrors(newErrors);
-        errorsRef.current = newErrors;
-    };
-    const setTouched = (newTouched) => {
-        _setTouched(newTouched);
-        touchedRef.current = newTouched;
-    };
-    const setFieldTouched = (field, isTouched) => {
-        setTouched({ ...touchedRef.current, [field]: isTouched });
-    };
-    const setChanged = (newChanged) => {
-        _setChanged(newChanged);
-        changedRef.current = newChanged;
-    };
-    // Update refs
-    onChangeRef.current = onChange;
-    const updateIsDirty = () => {
-        const newIsDirty = Object.keys(changedRef.current).length > 0;
-        setIsDirty(newIsDirty);
-    };
-    const updateIsEmpty = () => {
-        const newNotEmpty = getChanged(defaultValuesRef.current, valuesRef.current);
-        setIsEmpty(Object.keys(newNotEmpty).length === 0);
-    };
-    // Validation functions
-    const getValidationErrors = useCallback((valuesData = valuesRef.current, disabledData = disabled) => {
-        if (!validationSchemaRef.current)
-            return {};
-        const schema = Object.entries(validationSchemaRef.current).reduce((acc, [field, { ...rule }]) => {
-            const { type, check } = rule;
-            if (disabledData[field])
-                return acc;
-            if (type === 'custom') {
-                rule.check = function checkWrap(...args) {
-                    return check.call(this, ...args, valuesData);
-                };
-            }
-            return { ...acc, [field]: rule };
-        }, {});
-        const res = Validator.validate(valuesData, schema);
-        if (typeof res === 'object')
-            return patchWithCustomMessages(res, schema);
-        return {};
-    }, [values, disabled]);
-    const validate = useCallback(() => {
-        const newErrors = getValidationErrors();
-        const newIsValid = Object.keys(newErrors).length === 0;
-        setErrors(newErrors);
-        setIsValid(newIsValid);
-    }, [getValidationErrors]);
-    const calcChanged = useCallback((field, val) => {
-        const newChanged = { ...changedRef.current };
-        if (compare(val, initialValues[field])) {
-            delete newChanged[field];
-        }
-        else {
-            newChanged[field] = true;
-        }
-        setChanged(newChanged);
-        updateIsDirty();
-        updateIsEmpty();
-    }, [initialValues]);
-    const calcChangedAll = (initValues = initialValues) => {
-        const newChanged = Object.entries(values).reduce((acc, [field, val]) => compare(initValues[field], val) ? acc : { ...acc, [field]: true }, {});
-        setChanged(newChanged);
-        updateIsDirty();
-        updateIsEmpty();
-    };
-    // Form API methods
-    const setValueAPI = (field, val) => {
-        setValue(field, val);
-        calcChanged(field, val);
-        validate();
-    };
-    const setValuesAPI = vals => {
-        const newValues = { ...valuesRef.current, ...vals };
-        setValues(newValues);
-        calcChangedAll();
-        validate();
-        return values;
-    };
-    const setDisabledAPI = useCallback((name, isDisabledFlag) => {
-        setDisabled(prev => {
-            const newDisabled = { ...prev };
-            if (typeof name === 'object') {
-                Object.assign(newDisabled, name);
-            }
-            else if (isDisabledFlag) {
-                newDisabled[name] = true;
-            }
-            else {
-                delete newDisabled[name];
-            }
-            return newDisabled;
-        });
-    }, []);
-    const reset = useCallback(() => {
-        setValues(cloneValues(initialValues));
-        setTouched({});
-        setChanged({});
-        updateIsDirty();
-        updateIsEmpty();
-        validate();
-    }, [initialValues]);
-    // Event handlers - memoized to prevent field recreation
-    const onChangeHandler = useCallback((field, val) => {
-        if (valuesRef.current[field] === val)
-            return;
-        const newValues = { ...valuesRef.current, [field]: val };
-        onChange?.(newValues);
-        const isTouched = !compare(val, initialValues[field]);
-        setValue(field, val);
-        setFieldTouched(field, isTouched);
-        calcChanged(field, val);
-        validate();
-    }, [calcChanged, validate, initialValues, onChange]);
-    const onBlurHandler = useCallback((name) => {
-        setFieldTouched(name, true);
-    }, []);
-    // Update refs to always point to latest handlers
-    onChangeHandlerRef.current = onChangeHandler;
-    onBlurHandlerRef.current = onBlurHandler;
-    const onSubmitHandler = async (e) => {
-        e?.preventDefault();
-        dropFocusFromSubmit();
-        if (!onSubmit)
-            return;
-        setIsLoading(true);
-        await onSubmit({ ...values });
-        setIsLoading(false);
-    };
-    const FieldComponent = useRef((fieldProps) => {
-        const { name, disableErrorReporting: fieldDisableErrorReporting } = fieldProps;
-        const fullProps = {
-            ...fieldProps,
-            value: valuesRef.current[name],
-            error: errorsRef.current[name],
-            markEdited,
-            isChanged: changedRef.current[name],
-            isTouched: touchedRef.current[name],
-            handleChange: (...args) => onChangeHandlerRef.current(...args),
-            handleBlur: (...args) => onBlurHandlerRef.current(...args),
-            disableErrorReporting: fieldDisableErrorReporting ?? disableErrorReporting,
-        };
-        if (validationSchemaRef.current?.[name]?.empty === false) {
-            fullProps.required = true;
-        }
-        return jsx(Field, { ...fullProps });
-    });
-    const formAPI = {
-        values,
-        touched,
-        changed,
-        disabled,
-        isLoading,
-        isDirty,
-        isValid,
-        isEmpty,
-        errors,
-        Field: FieldComponent.current,
-        setValue: setValueAPI,
-        setValues: setValuesAPI,
-        setDisabled: setDisabledAPI,
-        resetErrors: () => setErrors({}),
-        reset,
-        submit: onSubmitHandler,
-    };
-    // Effects
-    useEffect(() => {
-        validationSchemaRef.current = validationSchema;
-        validate();
-    }, [validationSchema]);
-    useEffect(() => {
-        defaultValuesRef.current = updateDefaultValues();
-        calcChangedAll(initialValues);
-    }, [defaultValues]);
-    useEffect(() => {
-        setValues(cloneValues(initialValues));
-        setTouched({});
-        setChanged({});
-        setIsDirty(false);
-        updateIsEmpty();
-        validate();
-        if (onInit)
-            onInit(formAPI);
-    }, [initialValues]);
-    useEffect(() => {
-        calcChangedAll();
-        validate();
-        if (onInit)
-            onInit(formAPI);
-    }, []);
-    const classes = cn(S.root, className, isLoading && S.isLoading);
-    return (jsx("form", { className: classes, ...restProps, onSubmit: onSubmitHandler, children: children(formAPI) }));
-}
-
-export { Form };
+import{jsx,jsxs}from"react/jsx-runtime";import{useRef,useState,useCallback,useEffect}from"react";import cn from"classnames";import compare from"compareq";import{Input}from"../Input/Input.js";import S from"./Form.styl.js";import{cloneValues,getInitialTouched,getChanged,patchWithCustomMessages,dropFocusFromSubmit,getVal}from"./Form.helpers.js";import{Validator}from"./Validator.js";import"../Spinner/Spinner.styl.js";import"../Button/Button.styl.js";import"./SubmitButtons/SubmitButtons.styl.js";const Field=function(e){const{value:r,error:t,markEdited:n,isChanged:a,isTouched:s,clearMargins:u,component:c=Input,className:o,onChange:l,onBlur:i,handleChange:d,handleBlur:m,children:f,disableErrorReporting:h,...p}=e,{name:g,isHidden:b}=p,j="boolean"==typeof r?"checked":"value";e=cn(o,S.field,b&&S.hidden,u&&S.clearMargins,n&&a&&S.changed);return Object.assign(p,{name:g,[j]:r,onChange:function(e,r){r=getVal(e,r,j),l&&!1===l(e,r)||d(g,r)},onBlur:function(e){i&&!1===i(e)||m(g)},error:h?void 0:s&&t?.message}),jsxs("div",{className:e,children:[jsx(c,{...p}),f]})};function Form(t){const{className:L,children:W,initialValues:a={},validationSchema:e,defaultDisabled:w={},defaultValues:H,markEdited:z,disableErrorReporting:A,onInit:r,onChange:n,onSubmit:s,...G}=t,c=useRef(e),u=useRef({}),o=(e=t)=>{var{defaultValues:e,initialValues:r}=e;return e||cloneValues(r)},[l,J]=(u.current=o(),useState(()=>cloneValues(a))),[i,K]=useState(()=>getInitialTouched(a)),[d,P]=useState({}),[m,Q]=useState(()=>({...w})),[f,h]=useState(!1),[U,p]=useState(!1),[X,Y]=useState(!0),[g,Z]=useState({}),[$,_]=useState(()=>0===Object.keys(getChanged(u.current,a)).length),b=useRef(l),j=useRef(d),v=useRef(i),C=useRef(g);var k=useRef(n);const V=useRef(null),y=useRef(null),R=e=>{J(e),b.current=e},E=(e,r)=>{R({...b.current,[e]:r})},ee=e=>{Z(e),C.current=e},F=e=>{K(e),v.current=e},re=(e,r)=>{F({...v.current,[e]:r})},x=e=>{P(e),j.current=e},B=(k.current=n,()=>{var e=0<Object.keys(j.current).length;p(e)}),O=()=>{var e=getChanged(u.current,b.current);_(0===Object.keys(e).length)},te=useCallback((s=b.current,u=m)=>{var e,r;return c.current&&(e=Object.entries(c.current).reduce((e,[r,{...t}])=>{const{type:n,check:a}=t;return u[r]?e:("custom"===n&&(t.check=function(...e){return a.call(this,...e,s)}),{...e,[r]:t})},{}),"object"==typeof(r=Validator.validate(s,e)))?patchWithCustomMessages(r,e):{}},[l,m]),I=useCallback(()=>{var e=te(),r=0===Object.keys(e).length;ee(e),Y(r)},[te]),D=useCallback((e,r)=>{var t={...j.current};compare(r,a[e])?delete t[e]:t[e]=!0,x(t),B(),O()},[a]),M=(n=a)=>{var e=Object.entries(l).reduce((e,[r,t])=>compare(n[r],t)?e:{...e,[r]:!0},{});x(e),B(),O()};var k=useCallback((r,t)=>{Q(e=>{e={...e};return"object"==typeof r?Object.assign(e,r):t?e[r]=!0:delete e[r],e})},[]),ne=useCallback(()=>{R(cloneValues(a)),F({}),x({}),B(),O(),I()},[a]),N=useCallback((e,r)=>{var t;b.current[e]!==r&&(t={...b.current,[e]:r},n?.(t),t=!compare(r,a[e]),E(e,r),re(e,t),D(e,r),I())},[D,I,a,n]),T=useCallback(e=>{re(e,!0)},[]),N=(V.current=N,y.current=T,async e=>{e?.preventDefault(),dropFocusFromSubmit(),s&&(h(!0),await s({...l}),h(!1))}),T=useRef(e=>{var{name:r,disableErrorReporting:t}=e,e={...e,value:b.current[r],error:C.current[r],markEdited:z,isChanged:j.current[r],isTouched:v.current[r],handleChange:(...e)=>V.current(...e),handleBlur:(...e)=>y.current(...e),disableErrorReporting:t??A};return!1===c.current?.[r]?.empty&&(e.required=!0),jsx(Field,{...e})});const q={values:l,touched:i,changed:d,disabled:m,isLoading:f,isDirty:U,isValid:X,isEmpty:$,errors:g,Field:T.current,setValue:(e,r)=>{E(e,r),D(e,r),I()},setValues:e=>{e={...b.current,...e};return R(e),M(),I(),l},setDisabled:k,resetErrors:()=>ee({}),reset:ne,submit:N};useEffect(()=>{c.current=e,I()},[e]),useEffect(()=>{u.current=o(),M(a)},[H]),useEffect(()=>{R(cloneValues(a)),F({}),x({}),p(!1),O(),I(),r&&r(q)},[a]),useEffect(()=>{M(),I(),r&&r(q)},[]);T=cn(S.root,L,f&&S.isLoading);return jsx("form",{className:T,...G,onSubmit:N,children:W(q)})}export{Form};
+//# sourceMappingURL=Form.js.map

package/dist/esm/src/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,7 +1,2 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Form_root__EzxOr{margin:0 auto;max-width:100%;width:100%}.Form_isLoading__D1sPp{opacity:.8;pointer-events:none;transition:opacity .2s ease-out}.Form_field__S50yT{position:relative}.Form_field__S50yT+.Form_field__S50yT{margin-top:10px}.Form_field__S50yT+.Form_field__S50yT.Form_clearMargins__-KvTS{margin-top:0}.Form_field__S50yT.Form_changed__j-elu:after{background-color:$primaryColor;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8);content:\"\";height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px;z-index:1}.Form_hidden__MId3H{display:none}.Form_error__J7BaB{color:#e91b20;font-size:80%;margin:5px}";
-var S = {"root":"Form_root__EzxOr","isLoading":"Form_isLoading__D1sPp","field":"Form_field__S50yT","clearMargins":"Form_clearMargins__-KvTS","changed":"Form_changed__j-elu","hidden":"Form_hidden__MId3H","error":"Form_error__J7BaB"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z='.Form_root__EzxOr{margin:0 auto;max-width:100%;width:100%}.Form_isLoading__D1sPp{opacity:.8;pointer-events:none;transition:opacity .2s ease-out}.Form_field__S50yT{position:relative}.Form_field__S50yT+.Form_field__S50yT{margin-top:10px}.Form_field__S50yT+.Form_field__S50yT.Form_clearMargins__-KvTS{margin-top:0}.Form_field__S50yT.Form_changed__j-elu:after{background-color:$primaryColor;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8);content:"";height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px;z-index:1}.Form_hidden__MId3H{display:none}.Form_error__J7BaB{color:#e91b20;font-size:80%;margin:5px}',S={root:"Form_root__EzxOr",isLoading:"Form_isLoading__D1sPp",field:"Form_field__S50yT",clearMargins:"Form_clearMargins__-KvTS",changed:"Form_changed__j-elu",hidden:"Form_hidden__MId3H",error:"Form_error__J7BaB"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=Form.styl.js.map

package/dist/esm/src/components/Form/Form.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Form/Form.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=Form.types.js.map

package/dist/esm/src/components/Form/Form.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.js

@@ -1,8 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import cn from 'classnames';
-import { Button } from '../../Button/Button.js';
-import S from './SubmitButtons.styl.js';
-
-const SubmitButtons = ({ buttons, className, ...props }) => (jsx("div", { className: cn(S.root, className), ...props, children: buttons.map(buttonProps => (jsx(Button, { className: cn(S.item, buttonProps.className), ...buttonProps }))) }));
-
-export { SubmitButtons };
+import{jsx}from"react/jsx-runtime";import cn from"classnames";import{Button}from"../../Button/Button.js";import S from"./SubmitButtons.styl.js";const SubmitButtons=({buttons:t,className:s,...o})=>jsx("div",{className:cn(S.root,s),...o,children:t.map(t=>jsx(Button,{className:cn(S.item,t.className),...t}))});export{SubmitButtons};
+//# sourceMappingURL=SubmitButtons.js.map

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButtons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js

@@ -1,7 +1,2 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".SubmitButtons_root__sXP-n{display:flex;justify-content:flex-end;margin-top:15px}.SubmitButtons_item__f0l6w+.SubmitButtons_item__f0l6w{margin-left:10px}";
-var S = {"root":"SubmitButtons_root__sXP-n","item":"SubmitButtons_item__f0l6w"};
-styleInject(css_248z);
-
-export { S as default };
+import styleInject from"../../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".SubmitButtons_root__sXP-n{display:flex;justify-content:flex-end;margin-top:15px}.SubmitButtons_item__f0l6w+.SubmitButtons_item__f0l6w{margin-left:10px}",S={root:"SubmitButtons_root__sXP-n",item:"SubmitButtons_item__f0l6w"};styleInject(css_248z);export{S as default};
+//# sourceMappingURL=SubmitButtons.styl.js.map

package/dist/esm/src/components/Form/SubmitButtons/SubmitButtons.styl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButtons.styl.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}