@class-kit/react 0.1.0

package/dist/components/typewriter-text.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function TypewriterText({ text, cursor = true, cursorClassName = "cc-typewriter-text__cursor", delay = 0, disabled = false, loading = false, loadingClassName = "cc-typewriter-text__loading", loadingNode, loop = false, speed = 36, startOnMount = true, className = "cc-typewriter-text", "aria-label": ariaLabel, ...props }) {
+    const controllerRef = React.useRef(new core.TypewriterTextController({
+        cursor,
+        delay,
+        disabled,
+        loading,
+        loop,
+        speed,
+        startOnMount,
+        text,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            cursor,
+            delay,
+            disabled,
+            loading,
+            loop,
+            speed,
+            startOnMount,
+            text,
+        }));
+    }, [cursor, delay, disabled, loading, loop, speed, startOnMount, text]);
+    React.useEffect(() => {
+        if (!state.running)
+            return undefined;
+        let interval;
+        const startTimer = window.setTimeout(() => {
+            interval = window.setInterval(() => {
+                setState(controllerRef.current.tick());
+            }, controllerRef.current.getSpeed());
+        }, controllerRef.current.getDelay());
+        return () => {
+            window.clearTimeout(startTimer);
+            if (interval !== undefined)
+                window.clearInterval(interval);
+        };
+    }, [state.running, state.text]);
+    return (jsxRuntime.jsxs("span", { "aria-label": ariaLabel ?? text, className: className, "data-done": state.done, ...props, children: [jsxRuntime.jsx("span", { className: "cc-typewriter-text__content", children: state.displayedText }), state.loading ? (jsxRuntime.jsx("span", { "aria-hidden": "true", className: loadingClassName, children: loadingNode })) : null, state.cursor ? (jsxRuntime.jsx("span", { "aria-hidden": "true", className: cursorClassName })) : null] }));
+}
+
+exports.TypewriterText = TypewriterText;
+//# sourceMappingURL=typewriter-text.cjs.map

package/dist/components/typewriter-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.cjs","sources":["../../src/index.tsx"],"names":["TypewriterTextController","useEffect","_jsxs","_jsx"],"mappings":";;;;;;AAu0KM,SAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,eAAe,GAAG,4BAA4B,EAC9C,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,6BAA6B,EAChD,WAAW,EACX,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,oBAAoB,EAChC,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIA,6BAAwB,CAAC;QAC3B,MAAM;QACN,KAAK;QACL,QAAQ;QACR,OAAO;QACP,IAAI;QACJ,KAAK;QACL,YAAY;QACZ,IAAI;AACL,KAAA,CAAC,CACH;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClC,MAAM;YACN,KAAK;YACL,QAAQ;YACR,OAAO;YACP,IAAI;YACJ,KAAK;YACL,YAAY;YACZ,IAAI;AACL,SAAA,CAAC,CACH;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;IAEvEA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,KAAK,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;AACpC,QAAA,IAAI,QAA4B;AAChC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACxC,YAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;gBACjC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACxC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QACtC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;YAC/B,IAAI,QAAQ,KAAK,SAAS;AAAE,gBAAA,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;AAE/B,IAAA,QACEC,eAAA,CAAA,MAAA,EAAA,EAAA,YAAA,EACc,SAAS,IAAI,IAAI,EAC7B,SAAS,EAAE,SAAS,EAAA,WAAA,EACT,KAAK,CAAC,IAAI,KACjB,KAAK,EAAA,QAAA,EAAA,CAETC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAE,KAAK,CAAC,aAAa,EAAA,CAAQ,EACzE,KAAK,CAAC,OAAO,IACZA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAE,gBAAgB,EAAA,QAAA,EACjD,WAAW,EAAA,CACP,IACL,IAAI,EACP,KAAK,CAAC,MAAM,IACXA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAE,eAAe,EAAA,CAAI,IACrD,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

package/dist/components/typewriter-text.d.ts

@@ -0,0 +1,3 @@
+export { TypewriterText } from "../index";
+export type { TypewriterTextProps } from "../index";
+//# sourceMappingURL=typewriter-text.d.ts.map

package/dist/components/typewriter-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"","sources":["../../src/components/typewriter-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/typewriter-text.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import { TypewriterTextController } from '@class-kit/core';
+
+function TypewriterText({ text, cursor = true, cursorClassName = "cc-typewriter-text__cursor", delay = 0, disabled = false, loading = false, loadingClassName = "cc-typewriter-text__loading", loadingNode, loop = false, speed = 36, startOnMount = true, className = "cc-typewriter-text", "aria-label": ariaLabel, ...props }) {
+    const controllerRef = React.useRef(new TypewriterTextController({
+        cursor,
+        delay,
+        disabled,
+        loading,
+        loop,
+        speed,
+        startOnMount,
+        text,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            cursor,
+            delay,
+            disabled,
+            loading,
+            loop,
+            speed,
+            startOnMount,
+            text,
+        }));
+    }, [cursor, delay, disabled, loading, loop, speed, startOnMount, text]);
+    useEffect(() => {
+        if (!state.running)
+            return undefined;
+        let interval;
+        const startTimer = window.setTimeout(() => {
+            interval = window.setInterval(() => {
+                setState(controllerRef.current.tick());
+            }, controllerRef.current.getSpeed());
+        }, controllerRef.current.getDelay());
+        return () => {
+            window.clearTimeout(startTimer);
+            if (interval !== undefined)
+                window.clearInterval(interval);
+        };
+    }, [state.running, state.text]);
+    return (jsxs("span", { "aria-label": ariaLabel ?? text, className: className, "data-done": state.done, ...props, children: [jsx("span", { className: "cc-typewriter-text__content", children: state.displayedText }), state.loading ? (jsx("span", { "aria-hidden": "true", className: loadingClassName, children: loadingNode })) : null, state.cursor ? (jsx("span", { "aria-hidden": "true", className: cursorClassName })) : null] }));
+}
+
+export { TypewriterText };
+//# sourceMappingURL=typewriter-text.js.map

package/dist/components/typewriter-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.js","sources":["../../src/index.tsx"],"names":["_jsxs","_jsx"],"mappings":";;;;AAu0KM,SAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,eAAe,GAAG,4BAA4B,EAC9C,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,6BAA6B,EAChD,WAAW,EACX,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,oBAAoB,EAChC,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAI,wBAAwB,CAAC;QAC3B,MAAM;QACN,KAAK;QACL,QAAQ;QACR,OAAO;QACP,IAAI;QACJ,KAAK;QACL,YAAY;QACZ,IAAI;AACL,KAAA,CAAC,CACH;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClC,MAAM;YACN,KAAK;YACL,QAAQ;YACR,OAAO;YACP,IAAI;YACJ,KAAK;YACL,YAAY;YACZ,IAAI;AACL,SAAA,CAAC,CACH;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;IAEvE,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,KAAK,CAAC,OAAO;AAAE,YAAA,OAAO,SAAS;AACpC,QAAA,IAAI,QAA4B;AAChC,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;AACxC,YAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;gBACjC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACxC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QACtC,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC;YAC/B,IAAI,QAAQ,KAAK,SAAS;AAAE,gBAAA,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC5D,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;AAE/B,IAAA,QACEA,IAAA,CAAA,MAAA,EAAA,EAAA,YAAA,EACc,SAAS,IAAI,IAAI,EAC7B,SAAS,EAAE,SAAS,EAAA,WAAA,EACT,KAAK,CAAC,IAAI,KACjB,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAE,KAAK,CAAC,aAAa,EAAA,CAAQ,EACzE,KAAK,CAAC,OAAO,IACZA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAE,gBAAgB,EAAA,QAAA,EACjD,WAAW,EAAA,CACP,IACL,IAAI,EACP,KAAK,CAAC,MAAM,IACXA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAE,eAAe,EAAA,CAAI,IACrD,IAAI,CAAA,EAAA,CACH;AAEX;;;;"}

package/dist/components/upload.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function Upload({ accept, buttonText = core.getClassComponentsLocale().uploadButtonText, className = "cc-upload", disabled = false, dragText = core.getClassComponentsLocale().uploadDragText, errorClassName, fieldClassName = "cc-field cc-upload-field", initialValue, label, labelClassName = "cc-field__label", maxSize, multiple = false, name, readOnly = false, removeIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), rules, validateOn, onChange, ...props }) {
+    const formContext = React.useContext(FormContext);
+    const formState = React.useSyncExternalStore((listener) => formContext
+        ? formContext.controller.subscribe(listener)
+        : () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
+    const inputRef = React.useRef(null);
+    const controllerRef = React.useRef(new core.UploadController({ accept, maxSize, multiple }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const [dragging, setDragging] = React.useState(false);
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const formFiles = Array.isArray(formField?.value)
+        ? formField.value
+        : undefined;
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const locked = interactivity.disabled || interactivity.readOnly;
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    React.useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: initialValue ?? [],
+            rules,
+            validateOn,
+        });
+    }, [formContext, initialValue, name, rules, validateOn]);
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({ accept, maxSize, multiple }));
+    }, [accept, maxSize, multiple]);
+    React.useEffect(() => {
+        if (!formFiles)
+            return;
+        const next = controllerRef.current.replaceFiles(formFiles);
+        setState(next);
+    }, [formFiles]);
+    const commitFiles = (files) => {
+        if (formContext && name)
+            void formContext.controller.setValue(name, files);
+        onChange?.(files);
+    };
+    const addFiles = (files) => {
+        if (locked)
+            return;
+        const next = controllerRef.current.addFiles(Array.from(files));
+        setState(next);
+        commitFiles(next.files);
+    };
+    const upload = (jsxRuntime.jsxs("div", { className: className, "data-dragging": dragging, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, onDragEnter: (event) => {
+            event.preventDefault();
+            if (!locked)
+                setDragging(true);
+        }, onDragLeave: (event) => {
+            if (!event.currentTarget.contains(event.relatedTarget))
+                setDragging(false);
+        }, onDragOver: (event) => event.preventDefault(), onDrop: (event) => {
+            event.preventDefault();
+            setDragging(false);
+            if (!locked)
+                addFiles(event.dataTransfer.files);
+        }, ...props, children: [jsxRuntime.jsx("input", { accept: accept, hidden: true, multiple: multiple, ref: inputRef, type: "file", onChange: (event) => event.currentTarget.files && addFiles(event.currentTarget.files) }), jsxRuntime.jsx("button", { disabled: locked, type: "button", onClick: () => inputRef.current?.click(), children: buttonText }), jsxRuntime.jsx("span", { className: "cc-upload__drag", children: dragText }), jsxRuntime.jsx("ul", { children: state.files.map((file) => (jsxRuntime.jsxs("li", { children: [jsxRuntime.jsx("span", { children: file.name }), jsxRuntime.jsx("button", { disabled: locked, type: "button", onClick: () => {
+                                if (locked)
+                                    return;
+                                const next = controllerRef.current.remove(file.id);
+                                setState(next);
+                                commitFiles(next.files);
+                            }, children: removeIcon })] }, file.id))) })] }));
+    if (!name && !label)
+        return upload;
+    return (jsxRuntime.jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, upload, errorId ? (jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+}
+
+exports.Upload = Upload;
+//# sourceMappingURL=upload.cjs.map

package/dist/components/upload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","getClassComponentsLocale","useSyncExternalStore","UploadController","useEffect","_jsxs"],"mappings":";;;;;;AAsIA,MAAM,WAAW,iBAAiBA,mBAAa,CAC7C,IAAI,CACL;AAaD,MAAM,cAAc,GAAoC;IACtD,WAAW,EAAE,CAAC,cAAc,CAAC;IAC7B,WAAW,EAAE,CAAC,iBAAiB,CAAC;IAChC,YAAY,EAAE,CAAC,eAAe,CAAC;IAC/B,SAAS,EAAE,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,CAAC,iBAAiB,CAAC;AAC1B,IAAA,QAAQ,EAAE;QACR,kDAAkD;QAClD,2oBAA2oB;AAC5oB,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,uFAAuF;AACxF,KAAA;AACD,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;CAChC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,GAAG,SAAS,EACrB,IAAI,GAIL,EAAA;AACC,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,cAAc,GAAG,MAAM,EAC/C,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EAAA,QAAA,EAElB,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAC1BA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAE,CAAC,EAEJ,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,IAJ/B,CAAC,CAKN,CACH,CAAC,EAAA,CACE;AAEV;AAmZA,SAAS,yBAAyB,CAChC,IAA8C,EAC9C,QAAkB,EAClB,QAAkB,EAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,IAAI,CAAC,QAAQ;IAClD,OAAO;AACL,QAAA,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,CAAC,gBAAgB,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC3D;AACH;AAoHA,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,SAAS,GAKV,EAAA;AACC,IAAA,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IACtBA,yBAAM,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,YACvE,MAAM,CAAC,CAAC,CAAC,GACL,IACL,IAAI;AACV;AA8kWM,SAAU,MAAM,CAAC,EACrB,MAAM,EACN,UAAU,GAAGC,6BAAwB,EAAE,CAAC,gBAAgB,EACxD,SAAS,GAAG,WAAW,EACvB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAGA,6BAAwB,EAAE,CAAC,cAAc,EACpD,cAAc,EACd,cAAc,GAAG,0BAA0B,EAC3C,YAAY,EACZ,KAAK,EACL,cAAc,GAAG,iBAAiB,EAClC,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAGD,cAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,CAAG,EACnC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACI,EAAA;IACZ,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;IACjD,MAAM,SAAS,GAAGE,0BAAoB,CACpC,CAAC,QAAQ,KACP;UACI,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;AAC3C,UAAE,MAAM,SAAS,EACrB,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,EAChD,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,CACjD;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC;AAC5D,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIC,qBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CACpD;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;AACD,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,SAAS,GACb,IAAI,IAAI,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS;IACtE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK;UAC3C,SAAS,CAAC;UACX,SAAS;IACb,MAAM,aAAa,GAAG;UAClB,yBAAyB,CACvB,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,EAClE,QAAQ,EACR,QAAQ;AAEZ,UAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ;AAC/D,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,GAAG,SAAS;AAClD,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,EAAE;IACtCC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,SAAS;AAC3C,QAAA,OAAO,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE;YAChD,YAAY,EAAE,YAAY,IAAI,EAAE;YAChC,KAAK;YACL,UAAU;AACX,SAAA,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACxDA,eAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CACnE;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC/BA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC;QAC1D,QAAQ,CAAC,IAAI,CAAC;AAChB,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AACf,IAAA,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;QAC9C,IAAI,WAAW,IAAI,IAAI;YACrB,KAAK,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAY,CAAC;AAC1D,QAAA,QAAQ,GAAG,KAAK,CAAC;AACnB,IAAA,CAAC;AACD,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAwB,KAAI;AAC5C,QAAA,IAAI,MAAM;YAAE;AACZ,QAAA,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9D,QAAQ,CAAC,IAAI,CAAC;AACd,QAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,IAAA,CAAC;IACD,MAAM,MAAM,IACVC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,QAAQ,EAAA,eAAA,EACR,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,aAAa,CAAC,QAAQ,EACrC,WAAW,EAAE,CAAC,KAAK,KAAI;YACrB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM;gBAAE,WAAW,CAAC,IAAI,CAAC;AAChC,QAAA,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,KAAI;YACrB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC;gBACnE,WAAW,CAAC,KAAK,CAAC;AACtB,QAAA,CAAC,EACD,UAAU,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAC7C,MAAM,EAAE,CAAC,KAAK,KAAI;YAChB,KAAK,CAAC,cAAc,EAAE;YACtB,WAAW,CAAC,KAAK,CAAC;AAClB,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;QACjD,CAAC,EAAA,GACG,KAAK,EAAA,QAAA,EAAA,CAETL,cAAA,CAAA,OAAA,EAAA,EACE,MAAM,EAAE,MAAM,EACd,MAAM,EAAA,IAAA,EACN,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,KAAK,KACd,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAA,CAElE,EACFA,cAAA,CAAA,QAAA,EAAA,EACE,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,EAAA,QAAA,EAEvC,UAAU,EAAA,CACJ,EACTA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAE,QAAQ,GAAQ,EACnDA,cAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBK,eAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAA,CACEL,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,IAAI,EAAA,CAAQ,EACxBA,cAAA,CAAA,QAAA,EAAA,EACE,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAK;AACZ,gCAAA,IAAI,MAAM;oCAAE;AACZ,gCAAA,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gCAClD,QAAQ,CAAC,IAAI,CAAC;AACd,gCAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,4BAAA,CAAC,EAAA,QAAA,EAEA,UAAU,EAAA,CACJ,CAAA,EAAA,EAbF,IAAI,CAAC,EAAE,CAcX,CACN,CAAC,EAAA,CACC,CAAA,EAAA,CACD,CACP;AAED,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,MAAM;IAElC,QACEK,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,cAAc,EAAA,eAAA,EACV,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,aAAa,CAAC,QAAQ,EAAA,QAAA,EAAA,CAEpC,KAAK,GAAGL,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,GAAG,IAAI,EAC9D,MAAM,EACN,OAAO,IACNA,cAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CACd,IACA,IAAI,CAAA,EAAA,CACJ;AAEV;;;;"}

package/dist/components/upload.d.ts

@@ -0,0 +1,3 @@
+export { Upload } from "../index";
+export type { UploadProps } from "../index";
+//# sourceMappingURL=upload.d.ts.map

package/dist/components/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../src/components/upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/upload.js

@@ -0,0 +1,108 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useSyncExternalStore, useEffect, createContext } from 'react';
+import { UploadController, getClassComponentsLocale } from '@class-kit/core';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function Upload({ accept, buttonText = getClassComponentsLocale().uploadButtonText, className = "cc-upload", disabled = false, dragText = getClassComponentsLocale().uploadDragText, errorClassName, fieldClassName = "cc-field cc-upload-field", initialValue, label, labelClassName = "cc-field__label", maxSize, multiple = false, name, readOnly = false, removeIcon = jsx(ClassIcon, { name: "x" }), rules, validateOn, onChange, ...props }) {
+    const formContext = React.useContext(FormContext);
+    const formState = useSyncExternalStore((listener) => formContext
+        ? formContext.controller.subscribe(listener)
+        : () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
+    const inputRef = React.useRef(null);
+    const controllerRef = React.useRef(new UploadController({ accept, maxSize, multiple }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const [dragging, setDragging] = React.useState(false);
+    const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
+    const formFiles = Array.isArray(formField?.value)
+        ? formField.value
+        : undefined;
+    const interactivity = formContext
+        ? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
+        : { disabled, readOnly: !disabled && Boolean(readOnly) };
+    const locked = interactivity.disabled || interactivity.readOnly;
+    const errorId = name ? `${name}-error` : undefined;
+    const errors = formField?.errors ?? [];
+    useEffect(() => {
+        if (!formContext || !name)
+            return undefined;
+        return formContext.controller.registerField(name, {
+            initialValue: initialValue ?? [],
+            rules,
+            validateOn,
+        });
+    }, [formContext, initialValue, name, rules, validateOn]);
+    useEffect(() => {
+        setState(controllerRef.current.updateOptions({ accept, maxSize, multiple }));
+    }, [accept, maxSize, multiple]);
+    useEffect(() => {
+        if (!formFiles)
+            return;
+        const next = controllerRef.current.replaceFiles(formFiles);
+        setState(next);
+    }, [formFiles]);
+    const commitFiles = (files) => {
+        if (formContext && name)
+            void formContext.controller.setValue(name, files);
+        onChange?.(files);
+    };
+    const addFiles = (files) => {
+        if (locked)
+            return;
+        const next = controllerRef.current.addFiles(Array.from(files));
+        setState(next);
+        commitFiles(next.files);
+    };
+    const upload = (jsxs("div", { className: className, "data-dragging": dragging, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, onDragEnter: (event) => {
+            event.preventDefault();
+            if (!locked)
+                setDragging(true);
+        }, onDragLeave: (event) => {
+            if (!event.currentTarget.contains(event.relatedTarget))
+                setDragging(false);
+        }, onDragOver: (event) => event.preventDefault(), onDrop: (event) => {
+            event.preventDefault();
+            setDragging(false);
+            if (!locked)
+                addFiles(event.dataTransfer.files);
+        }, ...props, children: [jsx("input", { accept: accept, hidden: true, multiple: multiple, ref: inputRef, type: "file", onChange: (event) => event.currentTarget.files && addFiles(event.currentTarget.files) }), jsx("button", { disabled: locked, type: "button", onClick: () => inputRef.current?.click(), children: buttonText }), jsx("span", { className: "cc-upload__drag", children: dragText }), jsx("ul", { children: state.files.map((file) => (jsxs("li", { children: [jsx("span", { children: file.name }), jsx("button", { disabled: locked, type: "button", onClick: () => {
+                                if (locked)
+                                    return;
+                                const next = controllerRef.current.remove(file.id);
+                                setState(next);
+                                commitFiles(next.files);
+                            }, children: removeIcon })] }, file.id))) })] }));
+    if (!name && !label)
+        return upload;
+    return (jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsx("span", { className: labelClassName, children: label }) : null, upload, errorId ? (jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
+}
+
+export { Upload };
+//# sourceMappingURL=upload.js.map

package/dist/components/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/verification-code.cjs

@@ -0,0 +1,137 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+function reactNodeToText(node) {
+    if (typeof node === "string" || typeof node === "number")
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(reactNodeToText).join("");
+    return "";
+}
+function useFormInteractivity() {
+    const context = React.useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = React.useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = React.useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    React.useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function VerificationCode({ name, length = 6, label, autoFocus = false, className = "cc-field cc-verification-code", disabled, inputMode = "numeric", readOnly, initialValue, rules, validateOn, onChange, onComplete, ...props }) {
+    const field = useOptionalField(name, {
+        initialValue: initialValue ?? "",
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const controllerRef = React.useRef(new core.VerificationCodeController({
+        length,
+        value: String(field.value || ""),
+    }));
+    const inputRefs = React.useRef([]);
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const errorId = `${name}-error`;
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            length,
+            value: String(field.value || ""),
+        }));
+    }, [field.value, length]);
+    React.useEffect(() => {
+        if (autoFocus && !interactivity.disabled && !interactivity.readOnly)
+            inputRefs.current[0]?.focus();
+    }, [autoFocus, interactivity.disabled, interactivity.readOnly]);
+    const commit = (nextState, focusIndex) => {
+        setState(nextState);
+        field.setValue(nextState.value);
+        onChange?.(nextState.value, nextState);
+        if (nextState.complete)
+            onComplete?.(nextState.value);
+        if (focusIndex !== undefined)
+            requestAnimationFrame(() => inputRefs.current[focusIndex]?.focus());
+    };
+    return (jsxRuntime.jsxs("div", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...props, children: [label ? jsxRuntime.jsx("span", { className: "cc-field__label", children: label }) : null, jsxRuntime.jsx("div", { className: "cc-verification-code__group", children: state.chars.map((char, index) => (jsxRuntime.jsx("input", { "aria-label": `${reactNodeToText(label) || name} ${index + 1}`, className: "cc-verification-code__input", disabled: interactivity.disabled, inputMode: inputMode, maxLength: 1, readOnly: interactivity.readOnly, ref: (element) => {
+                        inputRefs.current[index] = element;
+                    }, value: char, onChange: (event) => {
+                        if (interactivity.disabled || interactivity.readOnly)
+                            return;
+                        const value = event.currentTarget.value;
+                        if (value === "") {
+                            commit(controllerRef.current.remove(index), index);
+                            return;
+                        }
+                        if (value.length > 1) {
+                            const next = controllerRef.current.paste(value, controllerRef.current.getNextInputIndex(index));
+                            commit(next, Math.min(next.length - 1, next.value.length));
+                            return;
+                        }
+                        const next = controllerRef.current.inputAtNextSlot(index, value);
+                        commit(next.state, next.focusIndex);
+                    }, onKeyDown: (event) => {
+                        if (event.key === "Backspace" &&
+                            !state.chars[index] &&
+                            index > 0) {
+                            event.preventDefault();
+                            commit(controllerRef.current.remove(index - 1), index - 1);
+                        }
+                        if (event.key === "ArrowLeft" && index > 0)
+                            inputRefs.current[index - 1]?.focus();
+                        if (event.key === "ArrowRight" && index < state.length - 1)
+                            inputRefs.current[index + 1]?.focus();
+                    }, onPaste: (event) => {
+                        if (interactivity.disabled || interactivity.readOnly)
+                            return;
+                        event.preventDefault();
+                        commit(controllerRef.current.paste(event.clipboardData.getData("text"), index), Math.min(state.length - 1, index + event.clipboardData.getData("text").length));
+                    } }, index))) }), jsxRuntime.jsx("input", { name: name, type: "hidden", value: state.value }), jsxRuntime.jsx(FieldError, { errorId: errorId, errors: field.errors })] }));
+}
+
+exports.VerificationCode = VerificationCode;
+//# sourceMappingURL=verification-code.cjs.map

package/dist/components/verification-code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code.cjs","sources":["../../src/index.tsx"],"names":["createContext","useContext","useSyncExternalStore","useEffect","_jsx","VerificationCodeController","_jsxs"],"mappings":"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"}

package/dist/components/verification-code.d.ts

@@ -0,0 +1,3 @@
+export { VerificationCode } from "../index";
+export type { VerificationCodeProps } from "../index";
+//# sourceMappingURL=verification-code.d.ts.map

package/dist/components/verification-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code.d.ts","sourceRoot":"","sources":["../../src/components/verification-code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC"}