@superinterface/react 5.2.3-beta.2 → 5.3.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superinterface/react",
-  "version": "5.2.3-beta.2",
+  "version": "5.3.0-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -20,11 +20,10 @@
   "scripts": {
     "prebuild": "node ./scripts/sync-openai-types.mjs",
     "build": "tsup",
-    "lint": "tsc --noEmit",
-    "test": "node --test \"tests/**/*.test.js\"",
-    "pretest": "npm run build"
+    "lint": "tsc --noEmit"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
     "@mdx-js/mdx": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
     "@radix-ui/react-icons": "^1.3.2",
@@ -44,6 +43,7 @@
     "radash": "^12.1.0",
     "react-children-utilities": "^2.10.0",
     "react-compiler-runtime": "^19.0.0-beta-e993439-20250328",
+    "react-hook-form": "^7.55.0",
     "react-intersection-observer": "^9.16.0",
     "react-textarea-autosize": "^8.5.9",
     "react-use-audio-player": "^2.2.0",

package/dist/tests.cjs

@@ -1,626 +0,0 @@
-"use strict";
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = function(target, all) {
-    for(var name in all)__defProp(target, name, {
-        get: all[name],
-        enumerable: true
-    });
-};
-var __copyProps = function(to, from, except, desc) {
-    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            var _loop = function() {
-                var key = _step.value;
-                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-                    get: function() {
-                        return from[key];
-                    },
-                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-                });
-            };
-            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-    }
-    return to;
-};
-var __toCommonJS = function(mod) {
-    return __copyProps(__defProp({}, "__esModule", {
-        value: true
-    }), mod);
-};
-// src/tests.ts
-var tests_exports = {};
-__export(tests_exports, {
-    FormProvider: function() {
-        return FormProvider;
-    },
-    useForm: function() {
-        return useForm;
-    },
-    useFormContext: function() {
-        return useFormContext;
-    },
-    zodResolver: function() {
-        return zodResolver;
-    }
-});
-module.exports = __toCommonJS(tests_exports);
-// src/hooks/forms/useForm.ts
-var import_react_compiler_runtime = require("react-compiler-runtime");
-var import_react = require("react");
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-    try {
-        var i = n[a](c), u = i.value;
-    } catch (n2) {
-        return void e(n2);
-    }
-    i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-    return function() {
-        var t = this, e = arguments;
-        return new Promise(function(r, o) {
-            var a = n.apply(t, e);
-            function _next(n2) {
-                asyncGeneratorStep(a, r, o, _next, _throw, "next", n2);
-            }
-            function _throw(n2) {
-                asyncGeneratorStep(a, r, o, _next, _throw, "throw", n2);
-            }
-            _next(void 0);
-        });
-    };
-}
-function ownKeys(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-        var o = Object.getOwnPropertySymbols(e);
-        r && (o = o.filter(function(r2) {
-            return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-        })), t.push.apply(t, o);
-    }
-    return t;
-}
-function _objectSpread(e) {
-    for(var r = 1; r < arguments.length; r++){
-        var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-            _defineProperty(e, r2, t[r2]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-            Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-        });
-    }
-    return e;
-}
-function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-        value: t,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    }) : e[r] = t, e;
-}
-function _toPropertyKey(t) {
-    var i = _toPrimitive(t, "string");
-    return "symbol" == (typeof i === "undefined" ? "undefined" : _type_of(i)) ? i : i + "";
-}
-function _toPrimitive(t, r) {
-    if ("object" != (typeof t === "undefined" ? "undefined" : _type_of(t)) || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-        var i = e.call(t, r || "default");
-        if ("object" != (typeof i === "undefined" ? "undefined" : _type_of(i))) return i;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
-}
-var createInitialFormState = function() {
-    return {
-        isSubmitting: false,
-        errors: {}
-    };
-};
-var getValueFromEvent = function(event) {
-    if (!event) return event;
-    if (event.target) {
-        var target = event.target;
-        if (target.type === "checkbox") {
-            return target.checked;
-        }
-        return target.value;
-    }
-    return event;
-};
-var useForm = function(t0) {
-    var $ = (0, import_react_compiler_runtime.c)(18);
-    var t1;
-    if ($[0] !== t0) {
-        t1 = t0 === void 0 ? {} : t0;
-        $[0] = t0;
-        $[1] = t1;
-    } else {
-        t1 = $[1];
-    }
-    var options = t1;
-    var defaultValues = options.defaultValues, resolver = options.resolver;
-    var t2;
-    if ($[2] !== defaultValues) {
-        t2 = defaultValues !== null && defaultValues !== void 0 ? defaultValues : {};
-        $[2] = defaultValues;
-        $[3] = t2;
-    } else {
-        t2 = $[3];
-    }
-    var _ref = _sliced_to_array((0, import_react.useState)(t2), 2), valuesState = _ref[0], setValuesState = _ref[1];
-    var valuesRef = (0, import_react.useRef)(valuesState);
-    var t3;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = createInitialFormState();
-        $[4] = t3;
-    } else {
-        t3 = $[4];
-    }
-    var _ref1 = _sliced_to_array((0, import_react.useState)(t3), 2), formState = _ref1[0], setFormState = _ref1[1];
-    var t4;
-    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = function(name, value) {
-            valuesRef.current = _objectSpread(_objectSpread({}, valuesRef.current), {}, _define_property({}, name, value));
-            setValuesState(valuesRef.current);
-        };
-        $[5] = t4;
-    } else {
-        t4 = $[5];
-    }
-    var setValue = t4;
-    var t5;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t5 = function(name_0) {
-            var _valuesRef$current$na;
-            return {
-                name: name_0,
-                value: (_valuesRef$current$na = valuesRef.current[name_0]) !== null && _valuesRef$current$na !== void 0 ? _valuesRef$current$na : "",
-                onChange: function(event) {
-                    setValue(name_0, getValueFromEvent(event));
-                },
-                onBlur: _temp,
-                ref: _temp2
-            };
-        };
-        $[6] = t5;
-    } else {
-        t5 = $[6];
-    }
-    var register = t5;
-    var t6;
-    if ($[7] !== resolver) {
-        t6 = /* @__PURE__ */ function() {
-            var _ref = _asyncToGenerator(function() {
-                var _result$values, _result$errors, result;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!resolver) {
-                                return [
-                                    2,
-                                    {
-                                        values: valuesRef.current,
-                                        errors: {}
-                                    }
-                                ];
-                            }
-                            return [
-                                4,
-                                resolver(valuesRef.current)
-                            ];
-                        case 1:
-                            result = _state.sent();
-                            return [
-                                2,
-                                {
-                                    values: (_result$values = result.values) !== null && _result$values !== void 0 ? _result$values : valuesRef.current,
-                                    errors: (_result$errors = result.errors) !== null && _result$errors !== void 0 ? _result$errors : {}
-                                }
-                            ];
-                    }
-                });
-            });
-            return function t62() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        $[7] = resolver;
-        $[8] = t6;
-    } else {
-        t6 = $[8];
-    }
-    var runResolver = t6;
-    var t7;
-    if ($[9] !== runResolver) {
-        t7 = function(onValid) {
-            return /* @__PURE__ */ function() {
-                var _ref2 = _asyncToGenerator(function(event_0) {
-                    var _event_0$preventDefau, _ref, values, errors, hasErrors;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                event_0 === null || event_0 === void 0 || (_event_0$preventDefau = event_0.preventDefault) === null || _event_0$preventDefau === void 0 || _event_0$preventDefau.call(event_0);
-                                setFormState(_temp3);
-                                return [
-                                    4,
-                                    runResolver()
-                                ];
-                            case 1:
-                                _ref = _state.sent(), values = _ref.values, errors = _ref.errors;
-                                setFormState({
-                                    isSubmitting: false,
-                                    errors: errors
-                                });
-                                hasErrors = Object.keys(errors).length > 0;
-                                if (hasErrors) {
-                                    return [
-                                        2
-                                    ];
-                                }
-                                valuesRef.current = values;
-                                setValuesState(values);
-                                return [
-                                    4,
-                                    onValid(values)
-                                ];
-                            case 2:
-                                _state.sent();
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                });
-                return function(_x) {
-                    return _ref2.apply(this, arguments);
-                };
-            }();
-        };
-        $[9] = runResolver;
-        $[10] = t7;
-    } else {
-        t7 = $[10];
-    }
-    var handleSubmit = t7;
-    var t8;
-    if ($[11] !== defaultValues) {
-        t8 = function(nextValues) {
-            var merged = nextValues ? _objectSpread({}, nextValues) : _objectSpread({}, defaultValues !== null && defaultValues !== void 0 ? defaultValues : {});
-            valuesRef.current = merged;
-            setValuesState(merged);
-            setFormState(createInitialFormState());
-        };
-        $[11] = defaultValues;
-        $[12] = t8;
-    } else {
-        t8 = $[12];
-    }
-    var reset = t8;
-    var t9;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-        t9 = function(name_1) {
-            var _valuesRef$current$na2;
-            return (_valuesRef$current$na2 = valuesRef.current[name_1]) !== null && _valuesRef$current$na2 !== void 0 ? _valuesRef$current$na2 : "";
-        };
-        $[13] = t9;
-    } else {
-        t9 = $[13];
-    }
-    var watch = t9;
-    var t10;
-    var t11;
-    if ($[14] !== formState || $[15] !== handleSubmit || $[16] !== reset) {
-        t11 = {
-            register: register,
-            handleSubmit: handleSubmit,
-            reset: reset,
-            watch: watch,
-            formState: formState
-        };
-        $[14] = formState;
-        $[15] = handleSubmit;
-        $[16] = reset;
-        $[17] = t11;
-    } else {
-        t11 = $[17];
-    }
-    t10 = t11;
-    return t10;
-};
-function _temp() {}
-function _temp2() {}
-function _temp3(prev) {
-    return _objectSpread(_objectSpread({}, prev), {}, {
-        isSubmitting: true
-    });
-}
-// src/components/forms/FormProvider.tsx
-var import_react_compiler_runtime2 = require("react-compiler-runtime");
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var _excluded = [
-    "children"
-];
-function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o, r, i = _objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-        var n = Object.getOwnPropertySymbols(e);
-        for(r = 0; r < n.length; r++)o = n[r], -1 === t.indexOf(o) && ({}).propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-    }
-    return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for(var n in r)if (({}).hasOwnProperty.call(r, n)) {
-        if (-1 !== e.indexOf(n)) continue;
-        t[n] = r[n];
-    }
-    return t;
-}
-var FormContext = /* @__PURE__ */ (0, import_react2.createContext)(null);
-var useFormContext = function() {
-    var value = (0, import_react2.useContext)(FormContext);
-    if (!value) {
-        throw new Error("useFormContext must be used within FormProvider");
-    }
-    return value;
-};
-var FormProvider = function(t0) {
-    var $ = (0, import_react_compiler_runtime2.c)(6);
-    var children;
-    var form;
-    if ($[0] !== t0) {
-        var _t = t0;
-        children = _t.children;
-        form = _objectWithoutProperties(_t, _excluded);
-        _t;
-        $[0] = t0;
-        $[1] = children;
-        $[2] = form;
-    } else {
-        children = $[1];
-        form = $[2];
-    }
-    var t1;
-    t1 = form;
-    var contextValue = t1;
-    var t2;
-    if ($[3] !== children || $[4] !== contextValue) {
-        t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormContext.Provider, {
-            value: contextValue,
-            children: children
-        });
-        $[3] = children;
-        $[4] = contextValue;
-        $[5] = t2;
-    } else {
-        t2 = $[5];
-    }
-    return t2;
-};
-// src/lib/forms/resolvers/zod.ts
-var zodResolver = function(schema) {
-    return function(values) {
-        var result = schema.safeParse(values);
-        if (result.success) {
-            return {
-                values: result.data,
-                errors: {}
-            };
-        }
-        var errors = {};
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            for(var _iterator = result.error.issues[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                var issue = _step.value;
-                if (!issue.path.length) continue;
-                var key = issue.path.join(".");
-                errors[key] = {
-                    message: issue.message
-                };
-            }
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-        return {
-            values: values,
-            errors: errors
-        };
-    };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-    FormProvider: FormProvider,
-    useForm: useForm,
-    useFormContext: useFormContext,
-    zodResolver: zodResolver
-});
-//# sourceMappingURL=tests.cjs.map