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

Ariakit React core

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

var _ZZIPS7YZcjs = require('../__chunks/ZZIPS7YZ.cjs');


var _JDF6CMNNcjs = require('../__chunks/JDF6CMNN.cjs');
require('../__chunks/XFOFWDPY.cjs');


var _YAKNSXYIcjs = require('../__chunks/YAKNSXYI.cjs');
require('../__chunks/T3QB4FR3.cjs');
require('../__chunks/QJGTENWI.cjs');





var _WBFXWJUHcjs = require('../__chunks/WBFXWJUH.cjs');


var _MZ2HG624cjs = require('../__chunks/MZ2HG624.cjs');
require('../__chunks/XMDZRF6Y.cjs');

// src/form/form-input.tsx
var _misc = require('@ariakit/core/utils/misc');
var TagName = "input";
var useFormInput = _WBFXWJUHcjs.createHook.call(void 0, 
  function useFormInput2({ store, name: nameProp, ...props }) {
    const context = _JDF6CMNNcjs.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 = _MZ2HG624cjs.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 = {
      value,
      ...props,
      onChange
    };
    props = _YAKNSXYIcjs.useFocusable.call(void 0, props);
    props = _ZZIPS7YZcjs.useFormControl.call(void 0, { store, name, ...props });
    return props;
  }
);
var FormInput = _WBFXWJUHcjs.memo.call(void 0, 
  _WBFXWJUHcjs.forwardRef.call(void 0, function FormInput2(props) {
    const htmlProps = useFormInput(props);
    return _WBFXWJUHcjs.createElement.call(void 0, TagName, htmlProps);
  })
);



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