@ariakit/react-core/cjs/form/form-input.cjs

Ariakit React core

"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _MVS4G3IXcjs = require('../__chunks/MVS4G3IX.cjs');


var _ZCS6RONRcjs = require('../__chunks/ZCS6RONR.cjs');
require('../__chunks/DQ3AW7HU.cjs');


var _PDQXLIRFcjs = require('../__chunks/PDQXLIRF.cjs');
require('../__chunks/T3QB4FR3.cjs');
require('../__chunks/FVVTEJ4K.cjs');





var _6TI3NXX6cjs = require('../__chunks/6TI3NXX6.cjs');


var _L5A2ID7Scjs = require('../__chunks/L5A2ID7S.cjs');
require('../__chunks/FDRJDQ5Y.cjs');




var _7EQBAZ46cjs = require('../__chunks/7EQBAZ46.cjs');

// src/form/form-input.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "input";
var useFormInput = _6TI3NXX6cjs.createHook.call(void 0, 
  function useFormInput2(_a) {
    var _b = _a, { store, name: nameProp } = _b, props = _7EQBAZ46cjs.__objRest.call(void 0, _b, ["store", "name"]);
    const context = _ZCS6RONRcjs.useFormContext.call(void 0, );
    store = store || context;
    _misc.invariant.call(void 0, 
      store,
      process.env.NODE_ENV !== "production" && "FormInput must be wrapped in a Form component."
    );
    const name = `${nameProp}`;
    const onChangeProp = props.onChange;
    const onChange = _L5A2ID7Scjs.useEvent.call(void 0, (event) => {
      onChangeProp == null ? void 0 : onChangeProp(event);
      if (event.defaultPrevented) return;
      store == null ? void 0 : store.setValue(name, event.target.value);
    });
    const value = store.useValue(name);
    props = _7EQBAZ46cjs.__spreadProps.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, {
      value
    }, props), {
      onChange
    });
    props = _PDQXLIRFcjs.useFocusable.call(void 0, props);
    props = _MVS4G3IXcjs.useFormControl.call(void 0, _7EQBAZ46cjs.__spreadValues.call(void 0, { store, name }, props));
    return props;
  }
);
var FormInput = _6TI3NXX6cjs.memo.call(void 0, 
  _6TI3NXX6cjs.forwardRef.call(void 0, function FormInput2(props) {
    const htmlProps = useFormInput(props);
    return _6TI3NXX6cjs.createElement.call(void 0, TagName, htmlProps);
  })
);



exports.FormInput = FormInput; exports.useFormInput = useFormInput;