@shopify/shop-minis-react/dist/components/atoms/text-input.js

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import { jsx as l } from "react/jsx-runtime";
import * as t from "react";
import { Input as s } from "../ui/input.js";
import { useKeyboardAvoidingView as f } from "../../hooks/util/useKeyboardAvoidingView.js";
function F({ ...o }) {
  const n = t.useRef(null), { onBlur: e, onFocus: r } = f(), c = t.useCallback(
    (u) => {
      r(n), o.onFocus?.(u);
    },
    [o, r, n]
  ), i = t.useCallback(
    (u) => {
      e(), o.onBlur?.(u);
    },
    [o, e]
  );
  return /* @__PURE__ */ l(s, { innerRef: n, onFocus: c, onBlur: i, ...o });
}
export {
  F as TextInput
};
//# sourceMappingURL=text-input.js.map