@class-kit/react 0.1.0

package/dist/components/tabs.js.map

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

package/dist/components/tag.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+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 Tag({ children, className = "cc-tag", checkable, checked, closable, disabled, shape = "round", size = "medium", tone, variant = "soft", closeIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), onClose, onCheckedChange, ...props }) {
+    const state = React.useMemo(() => new core.TagController({
+        checkable,
+        checked,
+        closable,
+        disabled,
+        tone,
+    }).getState(), [checkable, checked, closable, disabled, tone]);
+    const [closing, setClosing] = React.useState(false);
+    React.useEffect(() => {
+        if (!closing)
+            return undefined;
+        const timer = window.setTimeout(() => onClose?.(), 180);
+        return () => window.clearTimeout(timer);
+    }, [closing, onClose]);
+    return (jsxRuntime.jsxs("span", { className: className, "data-checked": state.checked, "data-closing": closing, "data-disabled": state.disabled, "data-shape": shape, "data-size": size, "data-tone": state.tone, "data-variant": variant, role: state.checkable ? "checkbox" : undefined, "aria-checked": state.checkable ? state.checked : undefined, onClick: () => !state.disabled && state.checkable && onCheckedChange?.(!state.checked), ...props, children: [jsxRuntime.jsx("span", { children: children }), state.closable ? (jsxRuntime.jsx("button", { "aria-label": "Close tag", disabled: state.disabled, type: "button", onClick: (event) => {
+                    event.stopPropagation();
+                    setClosing(true);
+                }, children: closeIcon })) : null] }));
+}
+
+exports.Tag = Tag;
+//# sourceMappingURL=tag.cjs.map

package/dist/components/tag.cjs.map

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

package/dist/components/tag.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from "../index";
+export type { TagProps } from "../index";
+//# sourceMappingURL=tag.d.ts.map

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

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

package/dist/components/tag.js

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo, useEffect } from 'react';
+import { TagController } from '@class-kit/core';
+
+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 Tag({ children, className = "cc-tag", checkable, checked, closable, disabled, shape = "round", size = "medium", tone, variant = "soft", closeIcon = jsx(ClassIcon, { name: "x" }), onClose, onCheckedChange, ...props }) {
+    const state = useMemo(() => new TagController({
+        checkable,
+        checked,
+        closable,
+        disabled,
+        tone,
+    }).getState(), [checkable, checked, closable, disabled, tone]);
+    const [closing, setClosing] = React.useState(false);
+    useEffect(() => {
+        if (!closing)
+            return undefined;
+        const timer = window.setTimeout(() => onClose?.(), 180);
+        return () => window.clearTimeout(timer);
+    }, [closing, onClose]);
+    return (jsxs("span", { className: className, "data-checked": state.checked, "data-closing": closing, "data-disabled": state.disabled, "data-shape": shape, "data-size": size, "data-tone": state.tone, "data-variant": variant, role: state.checkable ? "checkbox" : undefined, "aria-checked": state.checkable ? state.checked : undefined, onClick: () => !state.disabled && state.checkable && onCheckedChange?.(!state.checked), ...props, children: [jsx("span", { children: children }), state.closable ? (jsx("button", { "aria-label": "Close tag", disabled: state.disabled, type: "button", onClick: (event) => {
+                    event.stopPropagation();
+                    setClosing(true);
+                }, children: closeIcon })) : null] }));
+}
+
+export { Tag };
+//# sourceMappingURL=tag.js.map

package/dist/components/tag.js.map

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

package/dist/components/textarea.cjs

@@ -0,0 +1,99 @@
+'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 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 Textarea({ name, label, className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control cc-field__textarea", controlWrapClassName = "cc-field__control-wrap cc-field__control-wrap--textarea", errorClassName, clearable = true, clearIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), clearLabel = core.getClassComponentsLocale().inputClearLabel, disabled, readOnly, initialValue, rules, validateOn, rows = 3, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const invalid = field.errors.length > 0;
+    const canClear = clearable &&
+        field.value !== "" &&
+        !interactivity.disabled &&
+        !interactivity.readOnly;
+    return (jsxRuntime.jsxs("label", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, jsxRuntime.jsxs("span", { className: controlWrapClassName, children: [jsxRuntime.jsx("textarea", { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, className: `${controlClassName}${canClear ? " cc-field__control--clearable" : ""}`, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, name: name, readOnly: interactivity.readOnly, rows: rows, value: field.value, onBlur: field.onBlur, onChange: (event) => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(event.currentTarget.value);
+                        }, ...options }), canClear ? (jsxRuntime.jsx("button", { "aria-label": clearLabel, className: "cc-field__clear cc-field__clear--textarea", type: "button", onClick: () => field.setValue(""), children: clearIcon })) : null] }), jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=textarea.cjs.map

package/dist/components/textarea.cjs.map

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

package/dist/components/textarea.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from "../index";
+export type { TextareaProps } from "../index";
+//# sourceMappingURL=textarea.d.ts.map

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

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

package/dist/components/textarea.js

@@ -0,0 +1,97 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useContext, useSyncExternalStore, useEffect, createContext } from 'react';
+import { 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 useFormInteractivity() {
+    const context = 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 = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    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 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function Textarea({ name, label, className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control cc-field__textarea", controlWrapClassName = "cc-field__control-wrap cc-field__control-wrap--textarea", errorClassName, clearable = true, clearIcon = jsx(ClassIcon, { name: "x" }), clearLabel = getClassComponentsLocale().inputClearLabel, disabled, readOnly, initialValue, rules, validateOn, rows = 3, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const invalid = field.errors.length > 0;
+    const canClear = clearable &&
+        field.value !== "" &&
+        !interactivity.disabled &&
+        !interactivity.readOnly;
+    return (jsxs("label", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsx("span", { className: labelClassName, children: label }) : null, jsxs("span", { className: controlWrapClassName, children: [jsx("textarea", { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, className: `${controlClassName}${canClear ? " cc-field__control--clearable" : ""}`, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, name: name, readOnly: interactivity.readOnly, rows: rows, value: field.value, onBlur: field.onBlur, onChange: (event) => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(event.currentTarget.value);
+                        }, ...options }), canClear ? (jsx("button", { "aria-label": clearLabel, className: "cc-field__clear cc-field__clear--textarea", type: "button", onClick: () => field.setValue(""), children: clearIcon })) : null] }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

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

package/dist/components/tilt-card.cjs

@@ -0,0 +1,129 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function TiltCard({ children, className = "cc-tilt-card", contentClassName = "cc-tilt-card__content", disabled = false, enterTransitionDuration = 180, glare = true, glareClassName = "cc-tilt-card__glare", maxTilt = 12, moveTransitionDuration = 80, perspective = 900, scale = 1.02, onPointerEnter, onPointerLeave, onPointerMove, style, surfaceClassName = "cc-tilt-card__surface", transitionDuration = 180, transitionEasing = "cubic-bezier(0.2, 0.8, 0.2, 1)", ...props }) {
+    const rootRef = React.useRef(null);
+    const rectRef = React.useRef(null);
+    const frameRef = React.useRef(null);
+    const useEnterTransitionRef = React.useRef(false);
+    const pendingPointRef = React.useRef(null);
+    const controllerRef = React.useRef(new core.TiltCardController({
+        disabled,
+        enterTransitionDuration,
+        glare,
+        maxTilt,
+        moveTransitionDuration,
+        perspective,
+        scale,
+        transitionDuration,
+        transitionEasing,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.reset());
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            disabled,
+            enterTransitionDuration,
+            glare,
+            maxTilt,
+            moveTransitionDuration,
+            perspective,
+            scale,
+            transitionDuration,
+            transitionEasing,
+        }));
+    }, [
+        disabled,
+        enterTransitionDuration,
+        glare,
+        maxTilt,
+        moveTransitionDuration,
+        perspective,
+        scale,
+        transitionDuration,
+        transitionEasing,
+    ]);
+    React.useEffect(() => () => {
+        if (frameRef.current !== null)
+            window.cancelAnimationFrame(frameRef.current);
+    }, []);
+    const syncRect = () => {
+        rectRef.current = rootRef.current?.getBoundingClientRect() ?? null;
+    };
+    const handlePointerMove = (event) => {
+        onPointerMove?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (disabled)
+            return;
+        const rect = rectRef.current ?? rootRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        rectRef.current = rect;
+        pendingPointRef.current = {
+            x: event.clientX - rect.left,
+            y: event.clientY - rect.top,
+        };
+        if (frameRef.current !== null)
+            return;
+        frameRef.current = window.requestAnimationFrame(() => {
+            frameRef.current = null;
+            const currentRect = rectRef.current;
+            const point = pendingPointRef.current;
+            if (!currentRect || !point)
+                return;
+            const phase = useEnterTransitionRef.current ? "enter" : "move";
+            useEnterTransitionRef.current = false;
+            setState(controllerRef.current.move({
+                height: currentRect.height,
+                phase,
+                pointerX: point.x,
+                pointerY: point.y,
+                width: currentRect.width,
+            }));
+        });
+    };
+    const handlePointerEnter = (event) => {
+        onPointerEnter?.(event);
+        if (event.defaultPrevented)
+            return;
+        syncRect();
+        if (disabled || !rectRef.current)
+            return;
+        useEnterTransitionRef.current = true;
+        setState(controllerRef.current.move({
+            height: rectRef.current.height,
+            phase: "enter",
+            pointerX: event.clientX - rectRef.current.left,
+            pointerY: event.clientY - rectRef.current.top,
+            width: rectRef.current.width,
+        }));
+    };
+    const handlePointerLeave = (event) => {
+        onPointerLeave?.(event);
+        if (event.defaultPrevented)
+            return;
+        rectRef.current = null;
+        useEnterTransitionRef.current = false;
+        pendingPointRef.current = null;
+        if (frameRef.current !== null) {
+            window.cancelAnimationFrame(frameRef.current);
+            frameRef.current = null;
+        }
+        setState(controllerRef.current.reset());
+    };
+    return (jsxRuntime.jsx("div", { className: className, "data-active": state.isActive, "data-disabled": disabled, ref: rootRef, style: {
+            "--cc-tilt-card-glare-opacity": String(state.glareOpacity),
+            "--cc-tilt-card-glare-x": `${state.glareX}%`,
+            "--cc-tilt-card-glare-y": `${state.glareY}%`,
+            "--cc-tilt-card-transition-easing": state.transitionEasing,
+            "--cc-tilt-card-transition-duration": `${state.transitionDuration}ms`,
+            "--cc-tilt-card-transform": state.transform,
+            ...style,
+        }, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onPointerMove: handlePointerMove, ...props, children: jsxRuntime.jsxs("div", { className: surfaceClassName, children: [jsxRuntime.jsx("div", { className: contentClassName, children: children }), state.glare ? (jsxRuntime.jsx("span", { "aria-hidden": "true", className: glareClassName })) : null] }) }));
+}
+
+exports.TiltCard = TiltCard;
+//# sourceMappingURL=tilt-card.cjs.map

package/dist/components/tilt-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tilt-card.cjs","sources":["../../src/index.tsx"],"names":["TiltCardController","_jsx","_jsxs"],"mappings":";;;;;;AA4vLM,SAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,gBAAgB,GAAG,uBAAuB,EAC1C,QAAQ,GAAG,KAAK,EAChB,uBAAuB,GAAG,GAAG,EAC7B,KAAK,GAAG,IAAI,EACZ,cAAc,GAAG,qBAAqB,EACtC,OAAO,GAAG,EAAE,EACZ,sBAAsB,GAAG,EAAE,EAC3B,WAAW,GAAG,GAAG,EACjB,KAAK,GAAG,IAAI,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,KAAK,EACL,gBAAgB,GAAG,uBAAuB,EAC1C,kBAAkB,GAAG,GAAG,EACxB,gBAAgB,GAAG,gCAAgC,EACnD,GAAG,KAAK,EACM,EAAA;IACd,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC;IAClD,MAAM,qBAAqB,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAkC,IAAI,CAAC;IAC3E,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIA,uBAAkB,CAAC;QACrB,QAAQ;QACR,uBAAuB;QACvB,KAAK;QACL,OAAO;QACP,sBAAsB;QACtB,WAAW;QACX,KAAK;QACL,kBAAkB;QAClB,gBAAgB;AACjB,KAAA,CAAC,CACH;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAE7E,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClC,QAAQ;YACR,uBAAuB;YACvB,KAAK;YACL,OAAO;YACP,sBAAsB;YACtB,WAAW;YACX,KAAK;YACL,kBAAkB;YAClB,gBAAgB;AACjB,SAAA,CAAC,CACH;AACH,IAAA,CAAC,EAAE;QACD,QAAQ;QACR,uBAAuB;QACvB,KAAK;QACL,OAAO;QACP,sBAAsB;QACtB,WAAW;QACX,KAAK;QACL,kBAAkB;QAClB,gBAAgB;AACjB,KAAA,CAAC;AAEF,IAAA,KAAK,CAAC,SAAS,CACb,MAAM,MAAK;AACT,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI;AAC3B,YAAA,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,OAAO,CAAC;IACjD,CAAC,EACD,EAAE,CACH;IAED,MAAM,QAAQ,GAAG,MAAK;QACpB,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,qBAAqB,EAAE,IAAI,IAAI;AACpE,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAyC,KAAI;AACtE,QAAA,aAAa,GAAG,KAAK,CAAC;QACtB,IAAI,KAAK,CAAC,gBAAgB;YAAE;AAC5B,QAAA,IAAI,QAAQ;YAAE;AACd,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,qBAAqB,EAAE;AACxE,QAAA,IAAI,CAAC,IAAI;YAAE;AACX,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;QACtB,eAAe,CAAC,OAAO,GAAG;AACxB,YAAA,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;AAC5B,YAAA,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;SAC5B;AACD,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI;YAAE;QAC/B,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAK;AACnD,YAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;AACvB,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO;AACnC,YAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO;AACrC,YAAA,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK;gBAAE;AAC5B,YAAA,MAAM,KAAK,GAAG,qBAAqB,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM;AAC9D,YAAA,qBAAqB,CAAC,OAAO,GAAG,KAAK;AACrC,YAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;gBACzB,MAAM,EAAE,WAAW,CAAC,MAAM;gBAC1B,KAAK;gBACL,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACjB,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACjB,KAAK,EAAE,WAAW,CAAC,KAAK;AACzB,aAAA,CAAC,CACH;AACH,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAyC,KAAI;AACvE,QAAA,cAAc,GAAG,KAAK,CAAC;QACvB,IAAI,KAAK,CAAC,gBAAgB;YAAE;AAC5B,QAAA,QAAQ,EAAE;AACV,QAAA,IAAI,QAAQ,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;AAClC,QAAA,qBAAqB,CAAC,OAAO,GAAG,IAAI;AACpC,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;AACzB,YAAA,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM;AAC9B,YAAA,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI;YAC9C,QAAQ,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG;AAC7C,YAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK;AAC7B,SAAA,CAAC,CACH;AACH,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAyC,KAAI;AACvE,QAAA,cAAc,GAAG,KAAK,CAAC;QACvB,IAAI,KAAK,CAAC,gBAAgB;YAAE;AAC5B,QAAA,OAAO,CAAC,OAAO,GAAG,IAAI;AACtB,QAAA,qBAAqB,CAAC,OAAO,GAAG,KAAK;AACrC,QAAA,eAAe,CAAC,OAAO,GAAG,IAAI;AAC9B,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;AAC7B,YAAA,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC7C,YAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;QACzB;QACA,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AACzC,IAAA,CAAC;AAED,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,iBACP,KAAK,CAAC,QAAQ,EAAA,eAAA,EACZ,QAAQ,EACvB,GAAG,EAAE,OAAO,EACZ,KAAK,EACH;AACE,YAAA,8BAA8B,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC;AAC1D,YAAA,wBAAwB,EAAE,CAAA,EAAG,KAAK,CAAC,MAAM,CAAA,CAAA,CAAG;AAC5C,YAAA,wBAAwB,EAAE,CAAA,EAAG,KAAK,CAAC,MAAM,CAAA,CAAA,CAAG;YAC5C,kCAAkC,EAAE,KAAK,CAAC,gBAAgB;AAC1D,YAAA,oCAAoC,EAAE,CAAA,EAAG,KAAK,CAAC,kBAAkB,CAAA,EAAA,CAAI;YACrE,0BAA0B,EAAE,KAAK,CAAC,SAAS;AAC3C,YAAA,GAAG,KAAK;SACc,EAE1B,cAAc,EAAE,kBAAkB,EAClC,cAAc,EAAE,kBAAkB,EAClC,aAAa,EAAE,iBAAiB,KAC5B,KAAK,EAAA,QAAA,EAETC,yBAAK,SAAS,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAC9BD,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,gBAAgB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EACjD,KAAK,CAAC,KAAK,IACVA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAE,cAAc,EAAA,CAAI,IACpD,IAAI,CAAA,EAAA,CACJ,EAAA,CACF;AAEV;;;;"}

package/dist/components/tilt-card.d.ts

@@ -0,0 +1,3 @@
+export { TiltCard } from "../index";
+export type { TiltCardProps } from "../index";
+//# sourceMappingURL=tilt-card.d.ts.map

package/dist/components/tilt-card.d.ts.map

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